时间戳

首页 > 解决方案 > Wordpress CheckboxControl 的 ES5 代码会是什么样子

reactjs - Wordpress CheckboxControl 的 ES5 代码会是什么样子

问题描述

我是 React 和 Wordpress Gutenberg 块的新手。我想知道下面的代码在 ES5 中会是什么样子。

    const MyCheckboxControl = () => (
        const [ isChecked, setChecked ] = useState( true );
        <CheckboxControl
            heading="User"
            label="Is author"
            help="Is the user a author or not?"
            checked={ isChecked }
            onChange={ setChecked }
        />
    ) );

标签： reactjswordpressecmascript-5

解决方案

如果有人仍在使用 ES5，您可以使用window.wp.element.createElement：

// (function (blocks, element, editor, components) {
// const el = element.createElement
// const { CheckboxControl } = window.wp.components
// ...

el(CheckboxControl, {
  label: "Checkbox Control",
  value: props.attributes.checkboxAttribute,
  onChange: (value) => {
    props.setAttributes({ checkboxAttribute: value })
  }
})

// ...
// })(window.wp.blocks, window.wp.element, window.wp.blockEditor, window.wp.components)

推荐阅读