如何在react-dropdown-tree-select中禁用多值选择复选框？

Question

我是React的新手，我偶然遇到了react-dropdown-tree-select的特定需求，因为我有特定的需求，允许用户查看Tree格式的数据以在DropDown中进行选择。但是，我希望用户一次只能选择1个值。我该如何执行？

Answer 1

react-dropdown-tree-select中没有直接可用的此类属性。但是，您可以监听onChange事件，并仅选择一个节点即可将data道具中传递的全部数据重置为更新后的数据。

检查以下代码。

onChange = (currentNode) => {
  // keep reference of default data structure.
  const updatedData = this.props.defaultData;
  // find node related to currentData in your tree and set checked property
  this.setState({data : updatedData });  
}

render = () => {
 return (
    <DropdownTreeSelect
      data={this.state.data}
      onChange={this.onChange}
    />
  );
}

这基本上将阻止用户选择多个选项，而不是在取消选择以前选择的项目时禁用剩余项目。