如何使用 react-select multiple 设置输入的当前值

Question

我在表单中添加当前值以进行编辑时遇到问题我使用 react-select multiple 像这张图片

这是我的代码

这是初始值

const initialStates = {
         drugs: [{}]
    }


    const [currentStates, setCurrentStates] = useState(initialStates);

这是使用 react-select 的 select 输入

<Select
                                                            
name="drugs"
closeMenuOnSelect={false}
options={drugList.map((e) => ({ label: e.nom , value: e }))}
isMulti
values={currentStates.drugs}
onChange={onChange}
/>

这就是 onChange 方法

const onChange = selectedOptions =>{
        let drugs;
        if(drugs){
     setCurrentStates(selectedOptions)}} ;

我要编辑的数据在图片中

问题很简单，如何设置输入的当前值？ 就像我把焦点放在那里并看到已经写好的文字一样。

或者如何启用对现有标签的编辑，我可以单击并继续输入？

Answer 1

您需要设置属性value而不是values