react 行内样式的!important不生效怎么处理

React本身不支持在行内style里直接写成fontSize: `${fontSize}px !important`，具体原因不清楚

解决办法如下代码所示，使用ref的方式去处理该h1虚拟元素的样式（请注意，node.style.setProperty里的第一个参数，必须写成css的形式，而不是JSX的形式）： 

            <h1
              className="contentTitle"
              style={{
                textAlign: titleCenter ? 'center' : 'left',
              }}
              ref={(node) => {
                if (node) {
                  node.style.setProperty('font-size', `${fontSize}px`,'important');
                }
              }}
            >
              {title}
            </h1>