Wordpress GutenBurg Block - React.Children.only expected to

Question

当我尝试在创建gutenburg blocks
时尝试在WordPress中添加Tooltip时它显示一个错误。在下面检查

不变违规：缩小反应错误＃143;访问https://reactjs.org/docs/error-decoder.html?invariant=143

React.Children.只期望接收单个反应元件儿童

这是我正在尝试的代码。

<Fragment>
    <div className="my-block-class">
        <Tooltip text={ __( 'Select Grid' ) }>
            { getIcon( 'block-icon', true ) }
        </Tooltip>
    </div>
    <InnerBlocks
        template={ this.getBlockTemplate() }
        templateLock="all"
        allowedBlocks={ [ 'hwb/my-block' ] }
    />
</Fragment>

问题在此代码中。

<Tooltip text={ __( 'Select Grid' ) }>
    { getIcon( 'block-icon', true ) }
</Tooltip>

当我删除Tooltip代码正常工作时。

update

getIcon()返回 svg图标i也尝试了 Dashicon，这是不起作用的，这是不在geticon()功能中的问题。

我也这样尝试。

<Tooltip text={ __( 'Select Grid' ) }>
    <Dashicon icon="edit" />
</Tooltip>

Answer 1

getIcon功能中必须有一个问题，我尝试了 Dashicon对我来说很好。您可能错过了从wp-components

导入Dashicon

尝试这个。

const { Tooltip, Dashicon } = wp.components;
<Tooltip text={ __( 'Select Grid' ) }>
    <Dashicon icon="edit" />
</Tooltip>