React-Select——当用户选择另一个选项时，如何获取默认值并覆盖默认值

Question

下面是我的react-select，字段。value是API返回的值。例如，字段。value是'Active'.

因此，我的前端将显示'Active'这就是我想要的效果，但是如果我选择另一个选项'Inactive'，它不会改变值，并继续显示选项'Active'

.我的问题是如何改变默认值('Active')为另一个选定值('Inactive')(?

感谢

const methods = useFormContext();
const [selectedOption, setSelectedOption] = useState("none");
const options = [
{ value: 'Active', label: 'Active' },
{ value: 'Inactive', label: 'Inactive' }
]
const handleTypeSelect = e => {

setSelectedOption(e.value);
};
return (
<div>
<Controller
name="inventory_source_status"
control={control}
render={({ field }) => (
<Select 
{...field}
id="inventory_source_status"
className="mt-8 mb-16"
placeholder="Inventory Source Status *"
options={options}
onChange={handleTypeSelect}
value = {{ value: field.value, label: field.value } || ''}
required
error={!!errors.inventory_source_status}
helperText={errors?.inventory_source_status?.message}
/>
)}
/>
</div>

);

Answer 1

您应该使用defaultValue={{value:字段。值，标签:field.description}}