如何旋转 React-Icon？

Question

我已经看过不同的解决方案，但到目前为止没有任何效果，而且我在文档中找不到任何内容。我做过类似的事情：

在我的图标上下文提供程序中：

style:{transform: [{ rotate: '90deg' }]}

以及将样式直接插入到图标标签中，例如：

<BiCard style = {{transform: [{ rotate: '90deg' }]}}>

但这些似乎都不起作用。我也尝试过rotateX和rotateY。有一些更新的方法可以做到这一点吗？

Answer 1

您应该将字符串传递给您的transform属性而不是数组。

如果您按如下方式通过，它应该按预期工作：

<BiCard style = {{transform: 'rotate(90deg)' }} />