javascript - 如何在古腾堡的检查器控件中添加条件控制字段？

Question

我正在为古腾堡开发一个倒计时 block 。我在 block 中有7种样式，所以我想根据样式显示/隐藏检查器控件中的一些控制字段。

据我所知古腾堡还没有引入条件字段。所以我想通过自定义代码来做到这一点。这是我的检查器控件的完整代码。 https://pastebin.com/177BDgMQ

这是我想要的屏幕截图。我是 javascript 初学者，因此无法理解如何在此处输入代码中应用条件。

Answer 1

我已经学会了如何设置条件。条件应该是这样的:

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