javascript - 在卡片背面 react Flip-Card 错误

Question

我正在尝试向我的 React 元素提供来自此库的 React Flip-Card:https://github.com/mzabriskie/react-flipcard

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

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

我改变了:

.ReactFlipCard__Front, .ReactFlipCard__Back {
position: inherit;

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

动图: https://gyazo.com/924c7c6d949fca49747c98b14f36b596

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

BACK错误位置PNG: http://imgur.com/a/RJbEW

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

https://pastebin.com/Xv5zW6Nq

在 child 身上我只是注入(inject)了图标

https://pastebin.com/jAv291Fe

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

Answer 1

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

.ReactFlipCard__Back
position: absolute;

也许以后会有人用。