Question

我想根据API中的数据动态创建一个复选框，然后在我的render函数内部调用该函数。

任何人都可以像我使用forEach一样建议我，但数据似乎没有通过，因此出现错误：forEach is undefined。

我的代码段：

sizel=()=> this.state.data.sizes.forEach(function(size){
    <CheckBox
     title={size}
   checked=''
   />
 })

Answer 1

检查data.sizes的长度也不应不确定。

添加此内容：

const { sizes } = this.state.data;
if( sizes && sizes.length){
 this.state.data.sizes.map(size => <CheckBox title={size} checked=''/> )
}

Answer 2

您需要在调用forEach方法之前添加一个验证，就像这样：

   sizel = () => this.state.data && this.state.data.sizes && this.state.data.sizes.forEach(function (size) {
    return (
      <CheckBox
        title={size}
        checked=''
      />
    )
  })

在React Native中动态创建按钮

2 个答案: