Reactjs 是否可以在React select中使用数组作为选项

Reactjs 是否可以在React select中使用数组作为选项,reactjs,react-select,Reactjs,React Select,我的输入数据是像[“A”、“B”、“C”]这样的数组格式,我想在react select中将它们显示为选项 import React, { Component } from 'react'; import Select from 'react-select'; const test= ["a","b","c"] class TestSelect extends React.Component { state = { multi: null, }; handl

我的输入数据是像[“A”、“B”、“C”]这样的数组格式,我想在react select中将它们显示为选项

    import React, { Component } from 'react';
import Select from 'react-select';

const test= ["a","b","c"]



class TestSelect extends React.Component {
  state = {
    multi: null,
  };

  handleChange = name => value => {
    this.setState({
      [name]: value,
    });
  };
  render() {
    return (
      <div className='dropdown' style={{ dispay: 'inline-block', width: 250, paddingLeft: 50, paddingTop: 50 }}>
        <Select
          options={test}
          value={this.state.multi}
          autosize={true}
          onChange={this.handleChange('multi')
          isMulti
          placeholder="Select Values"
        />

      </div >
    );
  }
}
export default TestSelect;
import React,{Component}来自'React';
从“反应选择”导入选择;
常数测试=[“a”、“b”、“c”]
类TestSelect扩展了React.Component{
状态={
multi:null,
};
handleChange=name=>value=>{
这是我的国家({
[名称]:值,
});
};
render(){
返回(
);
}
}
导出默认测试选择;

是否可以将数组用作选项,或者它始终是一个对象?

根据文档,选项的结构必须遵循以下模式
[{label:'your label',value:'your value'},…]

您需要按如下方式转换阵列:

const options = test.map(v => ({
  label: v,
  value: v
}));
然后将此值作为选项传递


这里是您的一段代码。

根据文档,选项的结构必须遵循以下模式
[{label:'your label',value:'your value'},…]

您需要按如下方式转换阵列:

const options = test.map(v => ({
  label: v,
  value: v
}));
然后将此值作为选项传递


这里是您的一段代码。

仅接收基于文档示例的对象<代码>常量选项=[{value:'巧克力',标签:'巧克力'},{value:'草莓',标签:'草莓'},{value:'香草',标签:'香草'}]任何将数组转换为对象模型的示例代码?仅接收基于文档示例的对象<代码>常量选项=[{value:'巧克力',标签:'巧克力'},{value:'草莓',标签:'草莓'},{value:'香草',标签:'香草'}]将数组转换为对象模型的任何示例代码?