javascript - 编写依赖状态的内联CSS“样式”的正确方法是什么？

我试图根据当前状态更改按钮的样式。

以下是我当前的尝试：

<Button
    id="1W"
    size="sm"
    style={[this.state.timeSpan === '1W' ? btnActive : btnInactive]}
    onClick={this.handleSpan}
>

最初我遇到此错误->


  “ TypeError：CSS2Properties没有针对的索引属性设置器
  “ 0””。


我不知道该如何解决。

现在，该页面甚至根本不会加载。

我的语法有问题吗？或者，对于我想要实现的目标，是否可能有更好的整体方法？

最佳答案

这不是您编写CSS的方式，也不是正确的语法：

style={[this.state.timeSpan === '1W' ? btnActive : btnInactive]}

您可能会做的是，如果它是带有道具的物体：

style={(this.state.timeSpan === '1W' ? {...btnActive} : {...btnInactive})}

或者，如果是类名：

className={(this.state.timeSpan === '1W' ? btnActive : btnInactive)}

关于javascript - 编写依赖状态的内联CSS“样式”的正确方法是什么？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55992179/