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

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>
) }