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

Question

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

普通 CSS 代码：

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

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

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

其中c1 和c2 都具有位置属性但具有不同的值。

我的问题是我这样做的方式是否正确？如果没有，有什么解决方法吗？

Answer 1

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

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