反应本机 – “React.Children.only预计会收到一个React元素子”错误,当放入和

前端之家收集整理的这篇文章主要介绍了反应本机 – “React.Children.only预计会收到一个React元素子”错误,当放入和前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的React Native代码中有以下render方法
render() {
    const {height,width} = Dimensions.get('window');
    return (
      <View style={styles.container}>
        <Image 
          style={{
            height:height,width:width,}}
          source={require('image!foo')}
          resizeMode='cover' 
        />
        <TouchableHighlight style={styles.button}/>
      </View>
    );
  }

它给了我一个

React.Children.only expected to receive a single React element child

错误。如果我删除了TouchableHighlight组件,它可以正常工作。另一方面,如果我删除图像组件,它仍然给出该错误。我不明白为什么会给出这个错误,< View>应该能够在其中有多个组件进行渲染。
有任何想法吗?

看来< TouchableHighlight>必须有一个孩子。文档表示它只支持一个子项,并且多个包含在< View>中,但不能包含至少(和大多数)一个小孩)。我只想要一个没有文字/图像的纯色按钮,所以我不认为有必要添加一个孩子。

我会尝试更新文档来表明这一点。

猜你在找的React相关文章