react的style里面不支持important的解决办法

2019独角兽企业重金招聘Python工程师标准>>>

加入css里面定义类如下

.bottom-60 {
  padding-bottom: 60px !important;
}

如果象下面这样定义 paddingBottom会被无视掉

<div
  className="bottom-60"
  style={{ marginTop: '-46px', paddingBottom: '0px !important' }}
>

 

要想让自定义的paddingBottom生效的方法如下

<div
  className="bottom-60"
  style={{ marginTop: '-46px' }}
  ref={(node) => {
    if (node) {
      node.style.setProperty('padding-bottom', '0px', 'important');
    }
  }}
>

转载于:https://my.oschina.net/sai20150901/blog/1353280