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

Question

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

据我所知，古腾堡尚未引入条件领域。所以我想通过自定义代码来实现。这是检查器控件的完整代码。 https://pastebin.com/177BDgMQ

这是我想要的截图。我是一个javascript初学者，所以无法理解如何在tenter code herehere.中应用条件

Answer 1

我已经学会了如何处理这个条件。条件应该是这样的：

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