Rsuite TreePicker 以编程方式清除选择 - ReactJS答案

【问题标题】：Rsuite TreePicker clear selections programmitacally - ReactJSRsuite TreePicker 以编程方式清除选择 - ReactJS
【发布时间】：2021-12-19 09:37:59
【问题描述】：

我正在使用 rsuite 包中的 TreePicker 和 CheckTreePicker。当某些道具值更改时，我想以编程方式清除树选择器的选择。当 selectItemchanges 的值发生变化时，我可以在 useEffect 中触发事件，并且我想在它之后清除 treePicker 的所有当前选择。

const Categories = ({ selectItem }) => {
  useEffect(() => {
    // INCLUDE LOGIC HERE TO RESET ALL THE FILTERS WHEN the value of selectItem change
  }, []);

  const handleCategFilters = (value) => {
    console.log("do something here with value", value);
  };

  return (
    <CheckTreePicker
      data={pickerDT}
      onChange={(i) => {
        handleCategFilters(i);
      }}
    />
  );
};

感谢您的帮助。谢谢。

【问题讨论】：

标签： reactjs rsuite

【解决方案1】：

可以手动控制数值

const Categories = ({ selectItem }) => {
  const [value, setValue] = React.useState([]);
  useEffect(() => {
    // INCLUDE LOGIC HERE TO RESET ALL THE FILTERS WHEN the value of selectItem change
    setValue([]);
  }, []);

  const handleCategFilters = (value) => {
    console.log("do something here with value", value);
  };

  return (
    <CheckTreePicker
      data={pickerDT}
      value={value}
      onChange={(i) => {
        handleCategFilters(i);
      }}
    />
  );
};

【讨论】：