Javascript 如何在React JS中重新编写css类？

比如说,，我在样式表中有一个名为“跟踪您的订单”的css类，现在在某个事件触发器上，我必须更新“跟踪您的订单”中的任何内容，并将更新后的类应用于同一个div。我不是要切换它，而是要更新或更改同一个css类，或者用用户将给该div的新值替换它。

您可以使用状态更新和三元运算符

className={isEventTriggered? "updated-track-your-order": "track-your-order"}

---

我认为您可以使用

npm

样式化组件

模块中的StyledRapper。 所以，如果您想使“跟踪您的订单”成为动态的，您可以简单地创建包含css新值的状态

然后将其放入渲染中：

const StyledWrapper = styled.div`
  ${this.state.newStyles}
`;

别忘了用

包装受影响的元素，或者只在渲染中包装所有元素。有关更多文档：

---

编辑：也不要忘记在状态中包含css类的名称。您的状态或多或少应该是这样的

。跟踪您的订单：{display:block}

谢谢您的回复，但我不想看这个。这是切换一个类，我想重写“跟踪你的订单”类的值，例如，在这个类中，值是{display:“flex，backgroundColor:'#fff'}而在props中，只有值像{height:“4px”width:“7px”color:“#000”}这个。当这个道具出现时，它将覆盖现有的一次工作#Potamir。非常感谢