Component toggle not toggling

时间:2019-02-14 作者:Razvan Cuceu

我正在尝试在inspector控件中创建一个复选框,该复选框将更改字体大小,但单击时不会选中它

var CheckboxControl = wp.components.CheckboxControl       
el(FormToggle,{
  help: \'If checked the text will show with large font\',
  checked: false,
  label: \'Show large font\',
  onChange: function(state){
      props.setAttributes({ textSize: state })
  }
})
wordpress documentation 代码似乎与我的不同,它无法应用于我所拥有的。我看到有一段代码改变了它的状态,但我无法将其集成到我的代码中:

onChange={ ( isChecked ) => { setState( { isChecked } ) } }

1 个回复
最合适的回答,由SO网友:moped 整理而成

如果选中,我使用这个切换程序向元素添加一个类。也许您的目标与使用更大字体的类相同。我是这样使用的:

checked: !!textSize,
onChange: function(){
                textSize ? props.setAttributes({ textSize: \'\' }) : props.setAttributes({ textSize: \' big\' })
                    }
因此,textSize控制选中状态,如果选中,则保存类名。您可以在其他元素className:attributes中使用textSize字符串。

相关推荐