TreeSelect组件用于生成选择输入字段。
渲染用户界面以选择页面层次结构中的父页面:
从'react'导入{useState};从“@wordpress/components”导入{TreeSelect};const MyTreeSelect=()=>{const[page,setPage]=使用状态(“p21”);返回(<树选择__next无边距底部label=“父页”noOptionLabel=“无父页”onChange={(newPage)=>setPage(newPage)}selectedId={page}树={[{name:'第1页',id:“p1”,儿童:[{name:'第1页的降序1',id:'p11'},{name:'第1页的降序2',id:'p12'},],},{name:'第2页',id:'p2',儿童:[{name:'第2页的降序1',id:'第21页',儿童:[{name:'第2页下降1的下降1',id:'第211页',},],},],},] }/>);}
组件可接受的支柱设置如下所示。
此集合中未包含的道具将应用于正在使用的SelectControl组件。
如果添加此属性,将使用label属性作为内容生成标签。
如果添加了此属性,将添加一个带有此标签的选项以表示空选择。
接收所选新节点元素id的函数。
当前选定节点的id。
包含树对象的数组,其中包含用户可以选择的可能节点。
__next无边距底部
开始选择新的无边距样式,这将成为未来版本的默认样式。