Select 反应,无法选择
我从数组中渲染一个框。我的数组如下所示:Select 反应,无法选择,select,reactjs,react-jsx,jsx,Select,Reactjs,React Jsx,Jsx,我从数组中渲染一个框。我的数组如下所示: options: [ {"id":1,"name":"Option1"}, {"id":2,"name":"Option2"}, {"id":3,"name":"Option3"} ]; 我映射数组并找到所有选项,然后在贴图中渲染选项。但是,我可以从select中选择任何选项,除了第一个选项 以下是我的选择: <select className="form-control" name={this.p
options: [
{"id":1,"name":"Option1"},
{"id":2,"name":"Option2"},
{"id":3,"name":"Option3"}
];
我映射数组并找到所有选项,然后在贴图中渲染选项。但是,我可以从select中选择任何选项,除了第一个选项
以下是我的选择:
<select
className="form-control"
name={this.props.name}
onChange={this.handleChange.bind(this)}>
{(Array.isArray(this.props.options) && this.props.options.length > 0) ? this.props.options.map(option => {
return (
<option key={option.id} value={option.id}>{option.name}</option>
)
}) : (<option>No Options Found</option>)}
</select>
我该怎么做,才能选择第一个选项呢?我做错了什么?默认情况下会选择第一个选项。如果需要,可以创建一个空选项,然后选择第一个选项
render() {
const options = this.props.options.map(option =>
<option key={option.id} value={option.id}>{option.name}</option>
)
return (
<select
className="form-control"
name={this.props.name}
onChange={this.handleChange.bind(this)}
>
<option value="">Select option</option>
{options}
</select>
)
}
在选项前添加默认行
<option>select size</option>
quickview_product.map(itm => <option value={itm.label}>{itm.label}</option>)
有没有其他没有空选项的方法?