如何在 Gutenberg 的 Inspector 控件中添加条件控制字段？

Question

我正在为古腾堡开发一个倒计时块。我在块中有 7 个样式，所以我想 show/hide 基于样式的检查器控件中的一些控制字段。

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

这是我想要的截图。我是 javascript 初学者，所以不明白如何在 tenter code here 中应用条件。

Answer 1

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

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