Динамически создавать кнопки реагировать на родной

Question

Я хочу создать флажок динамически в соответствии с данными в API, а затем вызвать функцию внутри моей render функции.

Может кто-нибудь предложить мне какой-либо способ, как я использовал forEach, но данные не передаются, и поэтому я получаю сообщение об ошибке: forEach is undefined.

Мой фрагмент:

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

Answer 1

Вам необходимо добавить проверку перед вызовом метода forEach, например:

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

Answer 2

проверка data.sizes имеет длину и не должна быть неопределенной.

добавить это:

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