Question

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

不变违规：最小的React错误＃143；访问https://reactjs.org/docs/error-decoder.html?invariant=143

React.Children。仅预期接收单个React元素的孩子

这是我正在尝试的代码。

<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代码时，效果很好。

更新

getIcon()返回svg图标，我也尝试过Dashicon，它不起作用，这意味着问题不在geticon()函数中。

我也这样尝试过。

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

Answer 1

我尝试过getIcon的{{1}}函数肯定存在一些问题。您可能错过了从Dashicon

导入Dashicon的过程

尝试这个。

wp-components

WordPress的GutenBurg块-React.Children。仅预期接收一个React子元素

1 个答案: