在 reactjs 中填充选择选项

【问题标题】：populate select option in reactjs在 reactjs 中填充选择选项
【发布时间】：2019-11-24 08:24:51
【问题描述】：

我正在尝试从 API 填充 ReactJS 中的下拉选择选项，但经过多次尝试而不是获取我想要的值后，我只得到了一个包含所有值连接的字符串。我尝试以不同的方式格式化 JSON 文件，但没有任何结果。

https://codesandbox.io/s/populate-select-option-fu5gd?fontsize=14

【问题讨论】：

【解决方案1】：

我已经为此更改了您的迭代器：

    <select>
      {this.state.colours[1]?
        this.state.colours[1].color.map(item => {
        return <option>{item}</option>;
      })
    : <option>{''}</option>
    }
    </select>

这是完整的codesandbox code。

【讨论】：

非常感谢。为什么要使用 this.state.colours[1] 的条件？为什么 this.state.colours[1].color 在没有条件的情况下不起作用？我实际上尝试过，但我不明白为什么要使其工作所需的条件？
@Banjer71 在该条件下，我们检查对象是否未定义，因此我们可以获取颜色数组并对其进行映射。