带约束选项卡是反应高阶分量添加了在组件中使用Tab键约束键盘导航的功能。出于可访问性的原因，一些UI组件需要约束Tab导航，例如模式对话框或类似的UI。仅当通过其他方式实现了从封装组件导航的方式时，建议使用此组件，通常是通过按Escape键或使用特定的UI控件，例如“关闭”按钮。
用法
将原始组件包装为带约束选项卡.
从'react'导入{useState}；导入{使用约束选项卡，文本控件，按钮，}来自“@wordpress/components”；const ConstrainedTabbing=带Constrained Tabbing(（{children}）=>子级);const MyComponentWithConstraintdTabbing=（）=>{const[isConstrainedTabbing，setIsConstrained Tabbing]=使用状态（false）；let形式=(<表格><TextControl label=“Input 1”onChange={（）=>{}}/><TextControl label=“Input 2”onChange={（）=>{}}/></form>);if（isConstrainedTabbing）{form=<ConstrainedTabbing>{form}</ConstrainedTabming>；}const切换约束=（）=>{setIsConstrainedTabbing（（state）=>！状态）；};返回(<div>{表单}<Button variant=“secondary”onClick={toggleConstraint}>{isConstrainedTabbing？“禁用”：“启用”}约束标签</按钮></div>);}