该警告通常是由于 TreeSelect
中定义的 value
属性为空或未定义时引起的。这会导致渲染器无法区分哪些树节点应该被选中。因此,我们需要设置 TreeSelect
的 defaultValue
属性来解决此问题。
以下是一个示例代码片段:
import { TreeSelect } from 'antd';
const treeData = [
{
title: 'Node1',
value: 'node1value',
children: [
{
title: 'Child Node1',
value: 'childnode1value',
},
],
},
];
const MyTreeSelect = () => {
const [value, setValue] = useState(undefined);
const handleTreeSelectChange = (value) => {
setValue(value);
};
return (
);
};
export default MyTreeSelect;
在上面的代码中,我们将 defaultValue
属性设置为空数组,以确保在第一次渲染时没有树节点被选中。这样就可以避免 Warning: Same 'value' exist in the tree: undefined
的警告。