Reactnative 通过带有对象子对象的数组react native 映射与react网络中的工作方式不同

发布于02月09日

我有一个包含对象的数组:

var tmp_array = [
 { headline: "Test", text: "Test text", send_at: "test date" }
];

现在，在WebReact环境中，我能够映射这个数组，并将其值返回到一个变量，然后可以呈现该变量.

所以我用了同样的方法:

    var i = -1;
    var WholeNews = tmp_array.map(function(news){
      i++;
      return(
        <View key={i}>
          <Text>{news.headline}</Text>
          <View>
            <Text>{news.text}</Text>
          </View>
        </View>);
    });

映射完成后，应按以下方式呈现:

return(
  <View>
     {WholeNews}
  </View>
);

不幸的是，我在iOS模拟器中收到一条警告，上面写着:

对象作为React子对象无效(找到:具有键{WholeNews}的对象).如果要渲染子对象集合，请改用数组，或使用React插件中的createFrament(对象)包装对象.

我不确定是完全遗漏了什么，还是react native不支持通过数组进行映射，如我的示例所示.

WholeNews() { return tmp_array.map(function(news, i){ return( <View key={i}> <Text>{news.headline}</Text> <View> <Text>{news.text}</Text> </View> </View> ); }); } render() { return( <View> {this.WholeNews()} </View> ) }

Reactnative 通过带有对象子对象的数组react native 映射与react网络中的工作方式不同

推荐答案

React-native相关问答推荐

Firebase身份验证Redux使用说明

如何在 navigation.js 文件中的 react-navigation 中当前路由名称？

找不到变量：firebase/react native(expo)上的 IDBIndex

React Native - 动画宽度缩小

React 从 babel 6 到 babel 7 的原生升级

Invariant Violation：Chrome 不支持在本机模块上调用同步方法

什么时候适合在 React 中使用构造函数？

子视图覆盖的容器borderRadius，这是一个bug吗？

TypeError：传播不可迭代实例的无效try

如何清除react-native webview cookie？

如何在 React Native 的 Modal 组件上禁用Swipe down to close？

react-native 从右到左

如何在 React Native 中访问原生 UI 组件的实例方法

React-Native Android 中隐藏(hide)的元素溢出

React Native - 用分机拨打电话号码

Typescript：onPress 类型

react-native图标

XCode AppIcon 基于方案

iOS 模拟器如何确认alert信息

如何在 react-native 中重叠