树选择

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属性作为内容生成标签。

  • 类型:字符串
  • 必需:否

无选项标签

如果添加了此属性,将添加一个带有此标签的选项以表示空选择。

  • 类型:字符串
  • 必需:否

onChange(更改时)

接收所选新节点元素id的函数。

  • 类型:功能
  • 必需:是

所选ID

当前选定节点的id。

  • 类型:一串|字符串[]
  • 必需:否

包含树对象的数组,其中包含用户可以选择的可能节点。

  • 类型:对象[]
  • 必需:否

__next无边距底部

开始选择新的无边距样式,这将成为未来版本的默认样式。

  • 类型:布尔值
  • 必需:否
  • 违约: