Gutenberg Block复选框检查-取消检查不起作用

时间:2019-02-16 作者:Jaydip Nimavat

我已经为我的快捷码添加了自定义Gutenberg块,但在checkbox控件中,check uncheck不起作用,请检查代码,如下所示:

el( components.CheckboxControl, {
    label: i18n.__( \'Display it?\', \'txt-domain\' ),
    checked: props.attributes.myAttr,
    onChange: function( val ) {
        if( val ) {
            props.setAttributes({ myAttr: \'1\' })
        } else {
            props.setAttributes({ myAttr: \'0\' })
        }
    }
} ),
如果我删除checked: props.attributes.myAttr, 然后,它可以正常工作,但在这里,复选框不会保持选中或取消选中状态。顺便说一下,它保存了价值。

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

选中的属性需要布尔值。(CheckboxControl)
您如何在属性中定义myAttr?如果将myAttr设置为“1”或“0”,则两者都为true
尝试清空而不是“0”props.setAttributes({ myAttr: \'\' }) 或错误。

SO网友:mtthias

相关推荐