![](/img/trans.png)
[英]Why I am getting this error message when I run react js project first time in my system?
[英]Hello, I am using antd treeselect in my react js project . and when i am clicking on parent node child options are not appearing
const treeData = [
{
title: '0-1',
value: '0-1',
key: '0-1',
},
{
title: '0-2',
value: '0-2',
key: '0-2',
children: [
{
title: '0-0-2',
value: '0-0-2',
key: '0-0-2',
},
],
},
{
title: '0-3',
value: '0-3',
key: '0-3',
},
];
這是我的 json 數據,我將從 api 獲得。
renderTreeNodes = data =>
data.map(item => {
if (item.children) {
return (
<TreeNode title={item.title} key={item.key} dataRef={item} isLeaf={false}>
{this.renderTreeNodes(item.children)}
</TreeNode>
);
}
return <TreeNode key={item.key} {...item} title={item.title} dataRef={item} />;
});
render() {
return (
<Fragment>
<TreeSelect
treeCheckable={true}
value={this.state.value}
className="treeSelect"
virtual={false}
style={{ width: 300 }}
treeCheckable
maxTagCount={20}
allowClear
showSearch
value={this.state.value}
closeMenuOnSelect={false}
placeholder="Please select SGC's"
allowClear
multiple
onChange={this.onChange} >{this.renderTreeNodes(treeData)}
</TreeSelect>
</Fragment>
);
}
}
我通過在 treeData 中映射數據解決了這個問題。 現在工作正常。
<TreeSelect
treeCheckable={true}
value={this.state.value}
className="treeSelect"
virtual={false}
style={{ width: 300 }}
treeCheckable
maxTagCount={20}
allowClear
showSearch
value={this.state.value}
closeMenuOnSelect={false}
placeholder="Please select SGC's"
allowClear
multiple
treeData={treeData.map((d,i ) => ({
title: d.title,
value: d.value,
match: d.match,
key: d.key,
children: d.children
}))}
onChange={this.onChange}>
</TreeSelect>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.