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

Question

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

Answer 1

react-dropdown-tree-select 中没有直接可用的此类属性。但是您可以监听onChange事件并重置您在dataprops 中传递的整个数据，并使用更新的数据只选择一个节点。

检查以下代码。

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

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

Answer 2

如果您只想一次选择一个元素，您可以使用 mode="radioSelect"