Javascript 如何使用react js覆盖内部CSS中的背景色

Javascript 如何使用react js覆盖内部CSS中的背景色,javascript,css,reactjs,react-big-calendar,Javascript,Css,Reactjs,React Big Calendar,这是我的密码 eventStyleGetter(event, start, end, isSelected) { if (event.id == 39) { var style = { backgroundColor: '#409931', borderRadius: '0px', opacity: 0.8, color: 'red'

这是我的密码

eventStyleGetter(event, start, end, isSelected) {
      if (event.id == 39) {
            var style = {
                backgroundColor: '#409931',
                borderRadius: '0px',
                opacity: 0.8,
                color: 'red',
                border: '0px',
                display: 'block'
            };

        }

        return {
            style: style
        }

 }
我想更改背景色,但它被另一个CSS样式覆盖。如何用react js覆盖此背景色


使用相同的
eventPropGetter
方法动态应用
className
,而不是将其作为
样式应用<代码>类名
s被追加,因此应用于事件的任何
类名
都将在默认类之后解析,您可以使用
!类定义中的重要信息。

类定义中的
中的重要标志。今天的约会
类可能会覆盖您的目标样式。也许可以删除
!重要的
?重要的关键字会自动出现,这就是问题所在@molamkTry
backgroundColor:'#409931!重要提示“,
,它应该覆盖另一条规则。@ChrisG我已经尝试过了,但不起作用。无论如何,谢谢你的帮助(Y)是的,react显然不支持
!样式对象中的重要信息。不过我发现了这一点:旁注:
className
s,从
eventPropGetter
返回,应该是一个字符串,而不是一个对象,因此如果您有多个,它们必须位于一个空格分隔的列表中(即
className:'custom-style1 blocked event'