有条件地水平翻转图标的样式 { rotateY: '180deg'}

Question

我知道它有效，因为我过去使用过它，但是这一次让我很难受，我不确定我做错了什么。

<Icon type={sensorKey}  style={sensorKey==='car'?[{...activityStyles.icon}, {transform: [{ rotateY: '180deg'}]}]:activityStyles.icon} size={Typography.bodyLineHeight} />

Answer 1

只需设置： transform: rotateY(180deg) 。

Answer 2

We need you to provide an example of your html and css in order to give you the help you are asking for. Without it all we can do it guess.

But I will take a stab at it (note I added more for cross browser functionality):

-ms-transform: rotateY(180deg); /* IE 9 */
-webkit-transform: rotateY(180deg); /* Safari 3-8 */
transform: rotate(180deg);