卡片背面的 React Flip-Card 错误

Question

我正在尝试为我的 React 项目提供来自该库的 React Flip-Card：https://github.com/mzabriskie/react-flipcard

在样式中，我们使用“反射盒”。

问题出在图标的背面（也是文本）。图像的正面（我使用的是 svg）位于正确的位置，但图标的背面位于“下方”。我正在尝试更改并更改班级的位置并更改位置，但不起作用。
React-FlipCard 提供的注入样式：https://github.com/mzabriskie/react-flipcard/blob/master/lib/helpers/injectStyle.js

我改变了：

.ReactFlipCard__Front, .ReactFlipCard__Back {
position: inherit;

为了显示问题，我提供了 .gif 和 .png

GIF： https://gyazo.com/924c7c6d949fca49747c98b14f36b596

PNG： http://imgur.com/a/nQtLN

返回错误的位置PNG： http://imgur.com/a/RJbEW

在 JavaScript 中，我使用状态的基本代码并返回 Flipcard

https://pastebin.com/Xv5zW6Nq

在孩子身上我只是注入图标

https://pastebin.com/jAv291Fe

Flexbox 看起来不错，这个 FlipCard css 有问题。

Answer 1

好的，解决了。我添加到 node_modules 类

.ReactFlipCard__Back
position: absolute;

也许将来有人会使用它。