在reactjs中填充选择选项

Question

我正在尝试从API填充ReactJS中的下拉选择选项，但是经过几次尝试而不是获得我想要的值，我只有一个字符串，其中所有值都是串联的。 我试图以其他方式格式化JSON文件，但没有任何结果。

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

Answer 1

我更改了您的codesandbox，现在您可以在选择中看到所有颜色。 在您的问题中，您没有特别提及要实现的目标，因此我无法对其进行改进。

Answer 2

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

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

这是完整的codesandbox code。