如何在 react-select 中使用字符串数组作为选项

Question

我是新手react。我react select用于选择。现在，我有以下内容jsx

div className="col-md-4 d-flex align-items-center" style={borderClass}>
                <label className="mb-0 font-weight-bold" style={labelFont}>
                  Technology
                                </label>
                <Select
                  styles={styles}
                  options={this.props.technology}
                  placeholder="None Selected"
                />
              </div>


const mapStateToProps = (state) => {
  return {
    technology : state.CreateJob.technology,
    userCompany: state.CreateJob.userCompany
  }
}

这是来自减速器作为道具。现在，我得到的数据就像，

['a', 'b', 'c']

那么，我如何在渲染中使用它作为一个选项。谁能帮我这个 ？谢谢。

Answer 1

您可以呈现这样的列表：

var array1 = ['a', 'b', 'c'];
var technologyList = [];
array1.forEach(function(element) {
    technologyList.push({ label:element, value: element })
});

并使用它：

<Select options={ technologyList } />

Answer 2

您需要使用map来遍历数组并渲染一个选项来
渲染数组的每个部分。

<select className="form-control" value={currentValue} onChange={onChange}>
            <option value="">
                Select one...
            </option>
            {array.map(text,i => (
                <option key={i} value={text}>
                    {text}
                </option>
            ))}
        </select>