javascript - 无法读取未定义的属性 'map' - 来自 ReactJS 的错误

Question

错误信息:

Error: Cannot read property 'map' of undefined

react 组件:

const checkBox = props => {
  return (
    <div>
      <label htmlFor={props.name} className='form-label'>
        {props.title}
      </label>
      <div className='checkbox-group'>
        {
          props.options.map(option => {
            return (
              <label key={option}>
                <input
                  className='form-checkbox'
                  id={props.name}
                  name={props.name}
                  onChange={props.handleChange}
                  value={option}
                  checked={props.selectedOptions.indexOf(option) > -1}
                  type='checkbox'
                />{' '}
                {option}
              </label>
            )
          })
        }
      </div>
    </div>
  )
}

我的代码有什么问题吗？如果是，请告诉我。有人可以帮我解决这个问题吗？

错误

Cannot read property 'map' of undefined

评论列表组件中的map函数执行时抛出。

Answer 1

问题评论引用了 tutorial显示如何构建表单及其子组件。几个组件包括如何通过 props 的示例。 ，但是 <Checkbox/> 中没有.

为了填补这个空白，这里有一个您可能期望如何使用 <Checkbox/> 的示例.我没有完整地阅读这篇文章，所以我希望你能帮助纠正我在这里犯的任何错误，它会让你开始自己的开发。

<Checkbox
       title={'Skills'}
       name={'skills'}
       options = {this.state.skills} <!-- array of skills or empty array -->
       selectedOptions = {this.state.newUser.skills} <!-- array of skills or empty array -->
       handleChange = {this.handleInput}
/>