我的还原器:
const initialState = {
1: {
id: '1',
name: 'AryaStark',
theimage: "https://upload.wikimedia.org/wikipedia/en/3/39/Arya_Stark-Maisie_Williams.jpg"
},
2: {
id: '2',
name: 'SansaStark',
theimage: "https://upload.wikimedia.org/wikipedia/en/7/74/SophieTurnerasSansaStark.jpg"
}
}
我能够显示其余内容,但不能显示图像。我的代码:
const renDataNew = Object.keys(this.props.newData).map((key, idx) => {
let data = this.props.newData[key]
return (
<View key={idx} style={styles.myStyle1}>
<Text style={styles.myStyle2}>{data.id} - {data.name}</Text>
<Image
style={{width: '100%', height: 600}}
source={{uri:{data.theimage}}} //<= Error here expecting a ,
/>
</View>
如果我直接在Image
的URI源中使用theimage
中的URL,则可以工作。我在做什么错?
显示图像的正确方法是什么?非常感谢。
我认为应该是:
<Image
style={{width: '100%', height: 600}}
source={{ uri: data.theimage }}
/>
您不需要data
对象周围的额外{}
。