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

Question

我正在尝试使用Gutenberg检查器控件来开发5种样式的滑块。我需要以样式3和样式4显示背景颜色控制。由于它们不是达到目标的条件属性，因此我发现它很有帮助：https://stackoverflow.com/a/52164380/8865972

此解决方案仅适用于一种情况，例如样式3 但是我需要使用样式3和样式4。

我已经尝试了波纹管代码，但是没有运气

{ viewStyle==3 || viewStyle==4 && (
    <div>
        {i18n.__( 'Background Color' )}
        <div className="admin_color_palette">
            <ColorIndicator colorValue={ bg_color }/>
            <ColorPalette value={ bg_color } 
            onChange={ ( new_color ) => props.setAttributes( { bg_color: new_color } ) } />
        </div>
    </div> 
)}