下面是复制官网的代码,再根据你的数据编写的;
可以比对一下 哪里出问题了
import React from 'react'
import { TreeSelect } from 'antd';
class Demo extends React.Component {
state =?{
value: undefined,
treeData:?[
{ id: '33', pId: 0, value: '33', title: '浙江省',isLeaf:false }
],
};
genTreeNode =?(parentId, isLeaf = false) => {
const random = Math.random()
.toString(36)
.substring(2, 6);
return [
{ id: random, pId: parentId, value: random, title: random+'杭州市',isLeaf:isLeaf },
{ id: random+'1', pId: parentId, value: random+'1', title: random+'嘉兴市',isLeaf:isLeaf },
{ id: random+'2', pId: parentId, value: random+'2', title: random+'温州市',isLeaf:isLeaf },
];
};
onLoadData = treeNode =>
new Promise(resolve => {
const { id }?= treeNode.props;
setTimeout(() => {
this.setState({
treeData: this.state.treeData.concat(
this.genTreeNode(id, false)
),
});
resolve();
}, 300);
});
onChange = value => {
console.log(value);
this.setState({ value });
};
render()?{
const { treeData }?= this.state;
console.log("treeData==",treeData)
return (
<TreeSelect
treeDataSimpleMode
style={{ width: '100%' }}
value={this.state.value}
dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
placeholder="Please?select"
onChange={this.onChange}
loadData={this.onLoadData}
treeData={treeData}
/>
);
}
}
export?default Demo
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…