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 道具，但我无法让它始终如一地工作。如果您有任何建议或我可以使用的代码片段，我将不胜感激。

Answer 1

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

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

或

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