<View style={{flex: 1}}>
<Text> Entrées</Text>
<EntréesList token={token} entrées={menu.id_entree}/>
</View>
EntréesList组件
<Content>
<List>
{
this.props.entrées && this.props.entrées.map(obj => {
return(
<EntréesDetail token={token} entrées={obj} key={obj}/>
)
})
}
</List>
</Content>
EntréesDetail组件
componentDidMount() {
this.props.dispatch(getEntrées({entrées: this.props.entrées, token: this.props.token}))
}
render() {
return (
<View style={{flex: 1}}>
<Card style={styles.card}>
<CardItem >
<Image style={styles.img} source={require('../../assets/repas-min.jpg')}/>
<View>
<Text style={styles.name}> {this.props.entrée.name} </Text>
<Text note numberOfLines={1} style={styles.price}> €</Text>
</View>
</CardItem>
</Card>
</View>
)}
}
const mapStateToProps = (state) => {
return {
error: state.entrées.oneError,
loading: state.entrées.oneloading,
entrée: state.entrées.oneEntrées
}
我试图在不同的组件中使用所有不同的名称。但是显示屏会快速打印它们,然后在所有组件上都只能看到姓氏]
<View style={{flex: 1}}>
<Text> Entrées</Text>
<EntréesList token={token} entrées={menu.id_entree}/>
</View>