Reactjs 是否可以在React select中使用数组作为选项
我的输入数据是像[“A”、“B”、“C”]这样的数组格式,我想在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
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:'香草',标签:'香草'}]代码>将数组转换为对象模型的任何示例代码?