为什么创建块时InspectorControl不会出现

时间:2018-01-03 18:03:55

标签: wordpress

Gutenberg v1.9.1

在下面的块中,我设置了InspectorControls,但在UI中的Block设置下没有显示任何内容。

我已经从wp.blocks添加了InspectorControls。

然后我使用Inspector控件:

props.focus && (
  <InspectorControls key="inspector">
    <PanelBody title={ __( 'Direction Settings' ) }>
      <ToggleControl
        label={ __( 'Image on right' ) }
        checked={ 'right' === attributes.direction }
        onChange={ toggleDirection }
      />
    </PanelBody>
  </InspectorControls>
),

这是一个要点:https://gist.github.com/belcherj/b9007c75af68ab8b3ccc06ab9a5f43b6

更新:这是一个包含所有工作的更新要点:https://gist.github.com/belcherj/27c2a1ef532ebf8e8a9f333c12d5bc97

1 个答案:

答案 0 :(得分:1)

从完整的Gist片段中,您没有从save返回一个元素数组,您将返回一个括号包装的返回结果,该结果将计算结果为最后一项。

您需要将以下行从括号更新为方括号(同样适用于右括号):

https://gist.github.com/belcherj/b9007c75af68ab8b3ccc06ab9a5f43b6#file-gistfile1-txt-L74