React Select:关闭下拉列表后不显示字段中的选定值
React Select: Does not show the selected values in the field after closing the dropdown
晚上好,我正在使用这个 npm selecting 多个值:https://www.npmjs.com/package/react-select
选择多个值后出现问题。如果我关闭并再次打开 select 组件,它不会显示 selected 值。该功能有效,但我不知道为什么之后没有显示这些值。我想让用户看到他们的 selected 选择并继续添加或删除值而不会在他们关闭它时丢失它。
代码在这里:https://codesandbox.io/s/nice-stonebraker-vx73t?file=/src/App.js
有什么原因吗?
您不能用 MUI select 包装 react-select,这会导致 react-select 从 DOM 开始和结束,并且每次当它返回时它是空的,因为它所保持的状态被重置。
如果您检查 MUI 中的 documentation select,您可以看出它旨在包含 MenuItem 元素,而不是其他内容。
TL;DR,只是不要用 MUI select 包装 react-select,你应该没问题。
晚上好,我正在使用这个 npm selecting 多个值:https://www.npmjs.com/package/react-select
选择多个值后出现问题。如果我关闭并再次打开 select 组件,它不会显示 selected 值。该功能有效,但我不知道为什么之后没有显示这些值。我想让用户看到他们的 selected 选择并继续添加或删除值而不会在他们关闭它时丢失它。
代码在这里:https://codesandbox.io/s/nice-stonebraker-vx73t?file=/src/App.js
有什么原因吗?
您不能用 MUI select 包装 react-select,这会导致 react-select 从 DOM 开始和结束,并且每次当它返回时它是空的,因为它所保持的状态被重置。
如果您检查 MUI 中的 documentation select,您可以看出它旨在包含 MenuItem 元素,而不是其他内容。
TL;DR,只是不要用 MUI select 包装 react-select,你应该没问题。