javascript - 如何使用 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

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