例如,我想展示一张名单.所以我想这样做:

var returnValue;
for (eachName of _names) {
  returnValue += (
  <TouchableHighlight
    onPress={() => this._onPressButton}>
      <Text>
      {eachName}
      </Text>
  </TouchableHighlight>);
}
return returnValue;

然而,这是无效的.这就引出了我的问题:如何在React Native中连接动态数量的JSX组件.

推荐答案

我想我一问就明白了.代码需要放入数组中:

var returnValue = [];
for (var i = 0; i < _names.length; i++) {

  returnValue.push(
  <TouchableHighlight onPress={() => this._onPressButton}>
      <Text>
      {_names[i]}
      </Text>
  </TouchableHighlight>);
}
return returnValue;

这里还有更多信息:http://facebook.github.io/react/docs/multiple-components.html#dynamic-children

Reactjs相关问答推荐

CreateBrowserRouter将props 传递给父组件以验证权限

包装组件可以避免子组件重新渲染.?

在Reaction+Redux+RTKQuery中对API调用进行排序

如何将图像(在代码中称为自己)定位在蓝色圈内的点上?我正在使用material UI和Reaction

Reaction路由DOM v6不包含上下文(Supabase)

在Reaction中的第一次装载时,Use Effect返回空数组

当从子状态更改复制时,react 父状态更改.我该如何防止这种情况?

我无法通过 useContext 显示值

如何解决使用react-hook-form和yup动态创建的输入不集中的问题

如何在 React Hook Form 中使用嵌套对象处理错误验证消息

如何在 JS 中绘制具有不同笔画宽度的样条线

如何覆盖自定义 MUI 手风琴的样式(分隔线和折叠图标)

React Native应用如何订阅Supabase的实时数据?

React v6 中的公共和私有路由

React js中不记名令牌中的空间问题

在 redux 中分派到另一个减少时状态值不会改变

React Router 6.4CreateBrowserRouter子元素不显示

加密 Django Rest Framework API 响应 + 解密响应应用程序中的响应

react 路由路由加载器不适用于嵌套组件

gtag:为什么谷歌分析即使没有被授权也会收集数据