在 React-Select 中触发自定义 MenuList 内的传递事件

Question

我想通过 react-select 的 MenuList 内的按钮打开存在于父组件中的模式。我用我的按钮创建了一个自定义 MenuList 并将其作为 <Select components={{ MenuList }} /> 传递给 react-select。我不确定如何处理该按钮的点击事件以触发我的模式。

我的代码在这里：https://codesandbox.io/s/rllz53k8ln

Answer 1

在 MenuList 组件的道具中，您有一个名为 "selectProps" 的对象。您传递给 Select 组件本身的任何自定义道具都可以通过该 "selectProps" 对象访问。

代码如下：https://codesandbox.io/s/9325wk90pr