如何解决这个问题:对象作为React Child无效

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何解决这个问题:对象作为React Child无效相关的知识,希望对你有一定的参考价值。

The Error like this

我需要帮助如何解决这个问题,对不起iam新手反应原生,我已经卡住了几个小时,希望任何人都可以帮助解决这个问题..

提前谢谢^^

答案

当你打电话给这个

{PAGES.map((page) => this.renderViewPagerPage(page))}

你在{"id":1,"page":<StepOne></StepOne>}组件中传递完整的对象Text,你只需要传递你想要渲染的文本而不是整个对象。

替换下面的代码

renderViewPagerPage = (data) => {
    return(<View style={styles.page}>
      <Text>{data}</Text>
    </View>)
  }

 renderViewPagerPage = (data) => {
        return(<View style={styles.page}>
          <Text>{data.page}</Text>
        </View>)
      }

以上是关于如何解决这个问题:对象作为React Child无效的主要内容,如果未能解决你的问题,请参考以下文章

对象作为 React Child 无效(找到:带有键 id,name 的对象)

尝试在反应中映射数据时出现错误。对象作为 React 子对象无效(找到:带有键 children 的对象),我该如何解决?

react 兄弟组件如何调用对方的方法示例

错误:对象作为 React 子项无效(找到:带有键 的对象)。改用数组

React项目报错:Error: Objects are not valid as a React child

React中兄弟组件通信和组件跨级传递Context的使用