[英]Why react-select doesn't work with options from state?
這段代碼可以正常工作,因為選項在外面:
import React from 'react';
import Select from 'react-select';
const options = [
{ value: 'chocolate', label: 'Chocolate' },
{ value: 'strawberry', label: 'Strawberry' },
{ value: 'vanilla', label: 'Vanilla' },
];
class App extends React.Component {
state = {
selectedOption: null,
};
handleChange = selectedOption => {
this.setState(
{ selectedOption },
() => console.log(`Option selected:`, this.state.selectedOption)
);
};
render() {
return (
<Select
value={this.state.selectedOption}
onChange={this.handleChange}
options={options}
/>
);
}
}
但是這段代碼不起作用,因為選項在 state
import React from 'react';
import Select from 'react-select';
class App extends React.Component {
state = {
options: [
{ value: 'chocolate', label: 'Chocolate' },
{ value: 'strawberry', label: 'Strawberry' },
{ value: 'vanilla', label: 'Vanilla' },
],
selectedOption: null,
};
handleChange = selectedOption => {
this.setState(
{ selectedOption },
() => console.log(`Option selected:`, this.state.selectedOption)
);
};
render() {
return (
<Select
value={this.state.selectedOption}
onChange={this.handleChange}
options={this.state.options}
/>
);
}
}
如果我使用 state 中的選項,handleChange 中的控制台日志不會返回 selectedOption。 請告訴我,為什么? 我想將此插件與 state 中的選項一起使用...
將options = [
替換為options: [
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.