controlShouldRenderValue 设置为 true 的 Multi select 在 Table 中不起作用
Multi select with controlShouldRenderValue set to true not working in Table
我有一个 table，他的 header 包含一行 select。我试图在各自的 select 下显示 select 离子，但是 select 离子仅显示在 select 之一下。我不确定这里出了什么问题。
我这里有一个工作示例：https://codesandbox.io/s/table-with-multiselcts-fwhsus?file=/src/App.js
在我的代码中，当我更改任何一个 select 时，select 离子将在第一个 select 下方更新。谁能解释一下？
您使用了相同的 onChange 回调。
问题出在这个函数的参数上。
field 不是一个字符串，它是一个对象。
所以在switch语句中，只执行default case。
最好分别设置onChange回调
onChange={e => setLocation(e.target.value)}
onChange={e => setPractice(e.target.value)}
...
我有一个 table，他的 header 包含一行 select。我试图在各自的 select 下显示 select 离子，但是 select 离子仅显示在 select 之一下。我不确定这里出了什么问题。
我这里有一个工作示例：https://codesandbox.io/s/table-with-multiselcts-fwhsus?file=/src/App.js
在我的代码中，当我更改任何一个 select 时，select 离子将在第一个 select 下方更新。谁能解释一下？
您使用了相同的 onChange 回调。
问题出在这个函数的参数上。
field 不是一个字符串，它是一个对象。
所以在switch语句中，只执行default case。
最好分别设置onChange回调
onChange={e => setLocation(e.target.value)}
onChange={e => setPractice(e.target.value)}
...