我的React本机代码中有以下呈现方法:

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预计将接收一个React元素子元素

如果我移除TouchableHighlight组件,它就可以正常工作.如果我删除图像组件,它仍然会产生错误.

我不明白为什么它会给我这个错误.<View>应该能够有多个组件在里面进行渲染.

推荐答案

似乎<TouchableHighlight>个人必须有一个子元素.文件中说,它只支持一个子元素,而且必须用<View>包装多个子元素,但并不是说它必须至少(和大多数)有一个子元素.我只想有一个没有文本/图像的素色按钮,所以我认为没有必要添加一个子元素.

我会try 更新文档来说明这一点.

Node.js相关问答推荐

如何在Node.js 中设置图表js的背景色

Mongoose更新许多不使用数组作为筛选器来更新记录

如何在MEVN堆栈中结合创建和更新表单流程?

Puppeteer 的 BrowserFetcher 发生了什么?

Nestjs重写子类dto nodejs中的属性

构建期间 Docker 容器中的 npm 安装失败

为什么我的 Node.js 应用程序在登录时无法正确验证密码(使用 Passport-local 和 bcryptjs)?

Typescript :泛型类又扩展了另一个泛型类

Zod 模式中的self 数组

如何在不使用位置运算符 $ 的情况下更新 mongodb 文档中数组中的嵌套文档?

node.js 中 pdfkit-tables 中的垂直线

`npm install` 以Killed结尾

如何获取在 NodeJS 中执行的脚本的文件名?

如何从 Redis 保存和检索会话

socket.io 发出回调合适吗?

node.js(ES6 / Babel)中 import X 和 import * as X 的区别?

gyp WARN EACCES 用户root没有访问开发目录的权限

yarn 和 npm 的主要区别是什么?

从 node.js 连接到 mongodb 时出现 ECONNREFUSED 错误

react-native run-android 无法识别