如何使用 React js 覆盖内部 CSS 中的背景颜色

Question

这是我的代码

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 覆盖这个背景色。

Answer 1

与其将其作为style 应用，不如动态应用className，使用相同的eventPropGetter 方法。附加了classNames，因此您应用于事件的任何className 都将在默认类之后进行解析，您可以在类定义中使用!important。