Javascript react multiselect复选框自定义下拉按钮

我正在学习react，因此使用react multiselect复选框库。我正在尝试自定义下拉按钮，但没有成功

代码如下：

import React, { useState, useEffect } from "react";
import ReactMultiSelectCheckboxes from "react-multiselect-checkboxes";
import DropdownButton from "react-multiselect-checkboxes/lib/DropdownButton.js";

const MultiSelectAll = (props) => {
  const [selectedOptions, setSelectedOptions] = useState([]);
  
  useEffect(() => {
    setSelectedOptions([{ label: "Tutte", value: "*" }, ...props.options]);
  }, []);

  const CustomDropDownButton = (props) => { 
    return (
      <DropdownButton {...props} className={[]} onPress={(e) => e.stopProgagation()}>
        test
      </DropdownButton>
    )
  }

  return (
    <ReactMultiSelectCheckboxes
      options={[{ label: "Tutte", value: "*" }, ...props.options]}
      components={{CustomDropDownButton}}
      value={selectedOptions}
      onChange={onChange}
      setState={setSelectedOptions}
    />
  );
};

export default MultiSelectAll;

import React，{useState，useffect}来自“React”；
从“react multiselect checkbox”导入react multiselect复选框；
从“react multiselect checkbox/lib/DropdownButton.js”导入DropdownButton；
常量多选=（道具）=>{
const[selectedOptions，setSelectedOptions]=useState（[]）；
useffect（（）=>{
setSelectedOptions（[{label:“Tutte”，value:“*”}，…props.options]）；
}, []);
const CustomDropDownButton=（道具）=>{
返回(
e、 stopProgagation（）}>
测试
)
}
返回(
);
};
导出默认多选；

我使用的是components属性，但DropDownButton仍然是相同的选择，带有标签和箭头指示器。

---

有没有办法在第一种方式中自定义下拉按钮？如果是，我做错了什么？

：请尝试

组件={{{dropdowndicator:CustomDropDownButton}}

。另外，请检查。正确的语法应该是：

components={{dropdowndindicator:CustomDropDownButton，Foo:Bar，Something:More}

。我不确定这一部分，因为我不完全理解需求。但是，您可以尝试使用

{e=>{e？.stopProgagation（）；e？.preventDefault（）；}

。

？

是。请随意花更多时间尝试，如果您遇到任何问题，请随意编辑您的问题并向我寻求进一步的帮助。它们可能是其他一些需要探索的库-或者。您应该选择一个更受欢迎的库（更多每周下载和最新代码提交并满足您的要求）。谢谢@AjeetShah，正如您所建议的，我现在正在使用react multi-select组件。如果您也能看到您是否可以帮助我…谢谢