javascript - 如何从 json 对象创建下拉列表？

Question

我在这里做错了什么？ (可能是一切)。我希望“foo”作为选择出现，当选择为 1 时的值。我得到的错误是“对象作为 React 子项无效”。

constructor(props) {
     this.state = {options: {name: 'foo', value: 1}};
  }

 render() {
    return (
        <div>
          <select>{this.state.options}</select>
        </div>
    );
}

Answer 1

首先，我认为您希望您的选项是一个对象数组。然后在你的渲染函数中，做这样的事情:

constructor(props) {
  super(props);
  this.state = {options:[{name: 'foo', value: 1}]};
}
render() {
  return <div>
    <select>{this.state.options.map(function(item) {
      return <option value={item.value}>{item.name}</option>;
    })}</select></div>
}