ToggleControl用于生成切换用户界面。
渲染用户界面以更改固定背景设置。
从'react'导入{useState};从“@wordpress/components”导入{ToggleControl};const MyToggleControl=()=>{const[hasFixedBackground,setHasFixed Background]=使用状态(false);返回(<切换控制__next无边距底部label=“固定背景”帮助={已固定背景? '具有固定背景。”:'无固定背景。'}checked={hasFixedBackground}onChange={(newValue)=>{setHasFixedBackground(newValue);} }/>);};
组件接受以下道具:
如果添加此属性,将使用label属性作为内容生成标签。
如果添加此属性,将使用帮助属性作为内容生成帮助文本。
对于受控部件帮助
prop也可以是返回帮助文本的函数
动态取决于布尔值选中的
参数。
如果选中为true,则将选中切换。如果选中为false,则将取消选中切换。
如果未传递任何值,则切换将是一个未经检查的初始值的非受控组件。
如果禁用为true,则将禁用切换并应用适当的样式。
接收选中状态(布尔值)作为输入的函数。
将添加的类基于组件的控制
和组件-开关控制
到包装器div的类。如果只传递className基于组件的控制
和组件-开关控制
使用。
开始选择新的无边距样式,这将成为未来版本的默认样式。