Javascript 为什么图像没有'；不显示本地反应
我是新来的。 在这种情况下，我想显示我的图像从服务器到我的卡Javascript 为什么图像没有'；不显示本地反应,javascript,react-native,Javascript,React Native,我是新来的。 在这种情况下，我想显示我的图像从服务器到我的卡 class Events extends Component { state = { listsofEvents: [] } componentWillMount() { eventsRef.on('value', (data) => { this.setState({ listsofEvents: Object.values(data.val()) }) console.log('
class Events extends Component {
state = {
listsofEvents: []
}
componentWillMount() {
eventsRef.on('value', (data) => {
this.setState({ listsofEvents: Object.values(data.val()) })
console.log('this data', Object.values(data.val()))
})
}
renderEvent() {
const { listsofEvents } = this.state;
console.log('out of renderdasds', listsofEvents)
return listsofEvents.map(event => <EventDetail key={event.title} event={event} />
);
}
render() {
return (
<Container>
<Content>
{this.renderEvent()}
</Content>
</Container>
);
}
}
类事件扩展组件{
状态={
listsofEvents:[]
}
组件willmount（）{
eventsRef.on（'值'，（数据）=>{
this.setState（{listsofEvents:Object.values（data.val（））}）
console.log（'this data'，Object.values（data.val（）））
})
}
renderEvent（）{
const{listsofEvents}=this.state；
console.log（'out of renderdasds'，listsofEvents）
返回listsofEvents.map（事件=>
);
}
render（）{
返回(
{this.renderEvent（）}
);
}
}
const EventDetail = (props) => {
return (
<Card >
<CardItem>
<Left>
<Body>
<Text>{props.event.title}</Text>
</Body>
</Left>
</CardItem>
<CardItem cardBody>
<Image
style={{width: 400, height: 250}}
source={{uri: 'http://oisooyqzw.bkt.clouddn.com/emergency.jpg'}}
/>
</CardItem>
<CardItem content>
<Text>{props.event.poster}</Text>
</CardItem>
</Card>
);
};
const EventDetail=（道具）=>{
报税表（
{props.event.title}
{props.event.poster}
);
};