如何为react-dropdown-tree-select组件设置选中值

这个组件确实没有value属性，它是通过selected属性来控制选中状态的，具体用法如下：

• 基础单节点选中
  你需要给selected传入一个和树节点结构匹配的对象（或者包含多个对象的数组，用于多选场景），组件会自动匹配节点的value字段来标记选中状态。

  示例代码：

  import TreeSelect from 'react-dropdown-tree-select';
  
  const treeData = [
    {
      label: 'Node 1',
      value: 'node1',
      children: [
        { label: 'Child Node 1', value: 'child1' },
        { label: 'Child Node 2', value: 'child2' }
      ]
    }
  ];
  
  // 控制选中状态的状态变量
  const [selectedItems, setSelectedItems] = useState([{ value: 'child1' }]);
  
  const handleChange = (selected) => {
    setSelectedItems(selected);
  };
  
  return (
    <TreeSelect
      data={treeData}
      selected={selectedItems}
      onChange={handleChange}
    />
  );
  

• 多选场景
  如果开启了多选（组件默认支持），selected接受一个数组，数组里的每个对象只需要包含对应节点的value字段即可，组件会自动匹配并选中对应的节点。

• 关键注意点
  确保你的树节点数据中每个节点都包含唯一的value字段，组件正是通过这个字段来识别和匹配选中项的。如果需要选中父节点，直接传入父节点的value对象即可，比如[{ value: 'node1' }]。

内容的提问来源于stack exchange，提问作者Dattatreya Kugve