Блок Wordpress GutenBurg - ожидается, что React.Children. Получит единственный дочерний элемент React. - PullRequest
Новая
       15

Блок Wordpress GutenBurg - ожидается, что React.Children. Получит единственный дочерний элемент React.

0 голосов
/ 13 марта 2019

Когда я пытаюсь добавить Tooltip в WordPress при создании gutenburg blocks
, появляется сообщение об ошибке.Проверьте ниже

Инвариантное нарушение: ошибка Minified 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>

1 Ответ

0 голосов
/ 13 марта 2019

В функции getIcon должна быть какая-то проблема, которую я пытался Dashicon работает нормально для меня. Вы, вероятно, пропустили импорт Dashicon из wp-components

Попробуйте это. 

const { Tooltip, Dashicon } = wp.components;

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