reactjs - 如何在反应中添加多个具有相同名称的css属性？

Question

我正在使用 react 并遇到需要备用 CSS 属性的情况。

普通的 CSS 代码：

.grid{
  position:sticky;
  position: -webkit-sticky;
}

目前，我通过使用两个不同的类并将这两个类添加到组件（使用classnames库）来完成它。像这样：

<Grid className={classnames(c1,c2)}/>

wherec1和c2都具有位置属性，但具有不同的值。

我的问题是我是否以正确的方式做这件事？如果没有，是否有任何解决方法？

Answer 1

.c1{
  position:sticky;
}
.c2{
  position:-webkit-sticky;
}

浏览器将应用它支持的内容。我从未使用过 React，但我很确定有更好的方法来编写回退属性。