TabPanel是一个React组件，用于呈现符合ARIA的TabPanel。
选项卡面板跨不同的屏幕、数据集和交互组织内容。它有两个部分：选项卡列表和选择选项卡时显示的视图。
TabPanels组织并允许在相关且处于相同层次结构级别的内容组之间导航。
集合中的选项卡
作为一个集合，所有选项卡都由一个共享主题统一。为了清楚起见，每个选项卡应包含不同于集合中所有其他选项卡的内容。
- 集装箱
- 活动文本标签
- 活动标签指示器
- 非活动文本标签
- 选项卡项
标签
标签以相同的字体和大小出现在一行中。使用清晰简洁地描述选项卡内容的文本标签，并确保一组选项卡包含一组具有共同特征的内聚项。
选项卡标签可以换行到第二行，但不能添加第二行选项卡。
活动选项卡指示器
要区分活动选项卡和非活动选项卡，请对活动选项卡的文本和图标应用下划线和颜色更改。
用户可以通过轻触键盘上的tab键在选项卡之间导航。
在内容上方放置标签。选项卡控制显示在其下方的UI区域。
从“@wordpress/components”导入{TabPanel}；const onSelect=（tabName）=>{console.log（'选择选项卡'，tabName）；};const MyTabPanel=（）=>(<选项卡面板className=“my-tab-panel”activeClass=“active-tab”onSelect={onSelect}选项卡={[{name:'标签1'，title:'选项卡1'，className:'标签'，},{name:'标签2'，title:'选项卡2'，className:'tab-two'，},] }>{（标签）=><p>{tab.title}</TabPanel>);
组件接受以下道具：
类名
为TabPanel提供给外部容器的类
方向
小报作家的定位(垂直的或水平的)
onSelect（选择）
选择选项卡时调用的函数。它通过了选项卡名称作为一个论点。
选项卡
包含以下属性的对象数组：
名称:（字符串）定义选项卡的键。标题:（字符串）定义选项卡的翻译文本。类名:（字符串）可选。定义要放在选项卡上的类。偶像:（反应节点）可选。设置后，显示图标代替选项卡标题。然后将标题呈现为咏叹调标签和工具提示。禁用:（布尔值）可选。确定该选项卡应禁用还是可选。
注：如果需要，可以将其他字段添加到对象中，并从子函数访问。
活动类
要添加到活动选项卡的类
缩写选项卡名称
安装组件时要选择的选项卡的名称。如果未设置此道具，则默认选择第一个选项卡。
选择OnMove
什么时候？真实的，接收焦点时将选择选项卡（自动激活选项卡）。什么时候？假，只有在单击时才会选择该选项卡（手动激活选项卡）。请参阅官方W3C文档了解更多信息。
儿童
一种函数，用于呈现给定所选选项卡的选项卡视图。该函数被传递给活动选项卡对象，作为选项卡属性定义的参数。