我刚刚开始使用React-native，并且对创建Web应用程序的React有相当不错的把握。我在这里遇到了一个令人困惑的问题，在使用react for the web时从未发生过。
基本上，我正在渲染一个组件，它的图像是通过Map其父组件中的对象数组动态生成的。

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>
    );
  }
};

在设备模拟器中，我得到以下错误：
“警告：失败的propType：无效的prop 'source'提供给'Image'检查'BasicComponent'的呈现方法”

有谁知道这里会发生什么吗？