React native 如何在React native和Redux中呈现平面列表中的2个项目

我需要在平面列表中呈现两个项目“clientcalendarscreenred”和“nutritiondata”

PS：我正在通过mapStateToProps从一个reducer获取两个数据“clientcalendarscreenred”和“nutritiondata”

---

---

下面类似的内容应该可以用于从FlatList中的数据属性打印项目。类似地，您可以将nutritiondata传递到FlatList并使用它来显示

const FlatList=(props)=>{
const {data, ...rest}=props;
const toRender= data&&data.length>0?data.map(item=><div>{item.something}</div>:<div/>
return toRender
}

const FlatList=（道具）=>{
常量{data，…rest}=props；
const toRender=data&&data.length>0？data.map（item=>{item.something}:
返回到回收器
}

您可以在此场景中使用节列表。 您还可以呈现异构或同质列表，即如果希望以不同方式呈现分区

this.\u renderHeader（section.data）}
部分={[
{
关键字：“RedData”，
数据：clientcalendarscreenred.data，
renderItem:（{item}）=>this.renderedata（item）
},
{
关键字：“NutritionData”，
数据：clientcalendarscreenred.nutrition，
renderItem:（{item}）=>this.renderNutrition（项、索引、节）
},
]}
keyExtractor={（项，索引）=>index}
/>

const mapStateToProps = ({clientcalendarscreenred, maincalendarreducer}) => {

  const { client_id, workout_date, display_date } = maincalendarreducer;

   return { 

        clientcalendarscreenred: clientcalendarscreenred.data,
        nutritiondata: clientcalendarscreenred.nutrition,
    };


};

const FlatList=(props)=>{
const {data, ...rest}=props;
const toRender= data&&data.length>0?data.map(item=><div>{item.something}</div>:<div/>
return toRender
}