Как добавить поле условного контроля в элементы управления инспектора Гутенберга?

Question

Я разрабатываю Блок обратного отсчета для Гутенберга. У меня есть 7 стилей в блоке, поэтому я хочу показать / скрыть некоторые поля элемента управления в контроллере на основе стиля.

Насколько я знаю, Гутенберг еще не вводил условное поле. Поэтому я хочу сделать это с помощью пользовательского кода. Вот мой полный код для контроля инспектора. https://pastebin.com/177BDgMQ

А вот скриншот того, что я хочу. Я новичок в JavaScript, поэтому не могу понять, как я могу применить условие в t enter code here здесь.

Answer 1

Я научился ставить условие. Условие должно быть таким:

{ style == 2 && (
<PanelColor
    title={ __( 'Text Bg Color', 'prefixx' ) }
    colorValue={ textBgColor }
    initialOpen={ false }
>
    <ColorPalette
        value={ textBgColor }
        onChange={ textBgColor => setAttributes( { textBgColor } ) }
    />
</PanelColor>
) }