单击时将绘图按钮更改为不同的颜色

Question

我在 plotly modeBar 中添加了一个新按钮，但我希​​望它在单击时保持不同的颜色。 为了显示“活跃度”的变化，所以当你点击它时，它会改变颜色并显示它是活跃的，当你再次点击它时，它会被禁用并恢复到默认颜色。 我正在使用 reactJs。

Answer 1

你可以做这样的事情

const COLORS = ['black', 'white', 'orange', 'red', 'purple'];
const DEFAULT = "gray";
ChangeColor = () => {
    let rand_color = Math.floor(Math.random()*COLORS.length);
// isDisable should be a state of type boolean set to false by default
if(!isDisable){
   this.setState({ button_color: COLORS[rand_color] })
}else {
   this.setState({ button_color: DEFAULT })
}

} 

希望这可以帮助你。