我刚开始使用React native,对React创建web应用程序有相当不错的理解...我在这里遇到了一个令人困惑的问题,在使用react for the web时从未出现过.
基本上,我渲染的是一个组件,其图像是通过映射其父组件中的一组对象而动态生成的.
export default class ImageComponent extends React.Component {
render() {
return (
<Image source={this.props.source}/>
);
}
};
及其父组件:
export default class MainComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
images:[
{ src: './src/images/1.png'},
{ src: '/src/images/2.png'},
{ src: './src/images/3.png'}
]
}
}
render() {
let images = this.state.images.map((image) => {
return(<ImageComponent source={image.src} />);
})
return (
<View>
{images}
</View>
);
}
};
In device simulator I am getting the following error:
"警告:失败的propType:为'Image'提供的prop'source'无效请判断'BasicComponent'的呈现方法"
有人知道这里会发生什么吗?