如何解决这个问题:对象作为React Child无效
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何解决这个问题:对象作为React Child无效相关的知识,希望对你有一定的参考价值。
答案
当你打电话给这个
{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 子项无效(找到:带有键 的对象)。改用数组