Javascript 按钮在Firefox中不起作用，但在Chrome中起作用

我正在制作一个ReactJS应用程序。下面是更好地了解这个问题的方法

登录按钮在Firefox的

库存登录

部分不起作用。呈现的HTML将其显示为一个按钮，上面有一个侦听器。因此，它应该是有效的

查阅有关Firefox中按钮的StackOverflow的各种答案和解决方案，尤其是在使用JSX时，没有取得任何结果。我很确定这不算互动内容，仍然可以被视为所列的措辞

下面是运行清单登录的代码段

import React from "react";

const Login = props => (
  <nav className="login">
    <h2>Inventory Login</h2>
    <p>Sign in to manage your store's inventory.</p>

    <button className="github" onClick={() => props.authenticate()}>
      Log In With GitHub
    </button>
  </nav>
);

export default Login;

从“React”导入React；
const Login=props=>(
库存登录
登录以管理您商店的库存

props.authenticate（）}>
使用GitHub登录
);
导出默认登录；

props.authenticate（）

正在调用App.js中的一个函数，该函数通过Firebase处理身份验证。我已经证实它是在Chrome上工作的，道具正在通过

独特之处在于-另一个按钮

订单重置

在 不同的组件，但具有几乎相似的代码

---

以下是完整的源代码-

似乎CSS属性

rotateY（10deg）

在

.catch of the day>中：最后一个孩子在Firefox上使按钮不可点击。
似乎CSS属性
rotateY（10deg）
.catch of the day>中的
：最后一个孩子
在Firefox上使按钮不可点击。
Firefox控制台有错误消息吗？我做了一个快速检查，看起来像是
变换样式：preserve-3d是罪魁祸首。请注意，当您在FF devtools inspector中尝试使用Ctrl+Shift+C选择一个元素时，您无法选择按钮，它只允许选择容器div。我建议您选择静态HTML布局并重新提问，因为这主要是HTML/CSS问题。@estus是的，我注意到了。我不明白它为什么这么做。感谢您的帮助，我将尝试实施您的建议。@Abestrad不，我也检查了。firefox控制台有错误消息吗？我快速检查了一下，结果看起来像
transform-style:preserve-3d是罪魁祸首。请注意，当您在FF devtools inspector中尝试使用Ctrl+Shift+C选择一个元素时，您无法选择按钮，它只允许选择容器div。我建议您选择静态HTML布局并重新提问，因为这主要是HTML/CSS问题。@estus是的，我注意到了。我不明白它为什么这么做。谢谢你的帮助，我会尽力执行你的建议。@Abestrad不，我也检查过了。是的！！这就成功了，但是你是如何调试的呢。我真的很感兴趣，你是怎么想解决的？还有，我需要处理我的CSS。是的！！这就成功了，但是你是如何调试的呢。我真的很感兴趣，你是怎么想解决的？此外，我需要在我的CSS工作。