无法更改反应选择字段的值

Question

我正在为我的 React 应用选择字段使用 React-Select 库。我有相同的表格来添加和编辑数据。如果我不提供任何值，它可以正常工作，但如果我想在应用程序呈现时使用默认值，我无法更改它们。它们显示为已选中，但如果我尝试选择另一个选项，它不会更新，并且我在 value 属性中提供的值仍处于选中状态。

我尝试使用defaultValue 而不是value，但是在应用呈现时它没有选择任何内容。

<Select 
    placeholder="Deposit"
    options={deposits}
    getOptionValue={ option =>
        option["id"]
    }
    getOptionLabel={ option => {
        return option["name"];
    }}
    onChange={ value => {
        this.setState({ deposit_id: value.id }}
    value={{
        value: deposit_id || "",
        name: deposit_name || ""
    }}
/>

deposits 是一个对象数组，它呈现名称列表，但是当我单击其中一个时，我在value 中提供的那个仍然处于选中状态，但它应该选择我单击的那个on... 我该如何改变它？我的onChange 函数有问题吗？还是我做错了什么？

Answer 1

试试下面的代码。 value props 应该是一个字符串，即来自 state 的值。

<Select 
    placeholder="Deposit"
    options={deposits}
    getOptionValue={ option =>
        option["id"]
    }
    getOptionLabel={ option => {
        return option["name"];
    }}
    onChange={ value => {
        this.setState({ deposit_id: value.id }}
    value={deposit_id}
/>