首页 > 解决方案 > 如何在 Gutenberg 的 Inspector 控件中添加多条件控制字段?

问题描述

我正在尝试使用 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> 
)}

标签: wordpresswordpress-gutenberg

解决方案


推荐阅读