反应本机 – “React.Children.only预计会收到一个React元素子”

发布时间：2020-12-15 06:24:04 所属栏目：百科来源：网络整理

导读：我的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' / Touc

我的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>中，但不能包含至少(和大多数)一个小孩)。我只想要一个没有文字/图像的纯色按钮，所以我不认为有必要添加一个孩子。

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!