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

Question

我正在使用rsuite包中的 TreePicker和CheckTreePicker。当某些道具值更改时，我想以编程方式清除树选择器的选择。我能够在 changes 的useEffectwhen 值中触发事件selectItem，并且我想在它之后清除 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);
      }}
    />
  );
};

感谢您的帮助。谢谢你。

Answer 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);
      }}
    />
  );
};