React Select 选择后保留输入值

Question

我目前正在使用 react-select 进行单选。选择特定值后，我希望用户能够编辑输入的文本（不一定与呈现的选项相同（formatOptionLabel）。

https://codesandbox.io/s/react-select-course-dfmn2?file=/src/Selector.tsx

例如，如果我输入PHYS101，然后选择选项PHYS101 ... joe，然后继续编辑文本，对于退格，表单将是PHYS10，如果我输入A，那么它应该是PHYS101A。

我尝试使用 onInputChange 和 onChange 道具，但我无法让它始终如一地工作。我将不胜感激任何我可以使用的代码建议或 sn-ps。

Answer 1

有一个类似的问题。也许这会有所帮助。

这是该问题的链接。 react-select custom tag edit feature

或

如果您想出于特定目的切换到其他库。 你可以使用react-selectize。 您可以提供道具来编辑选定的选项。