我在整个 React 应用程序中使用了各种变体<CardActionArea onClick={someFunction}>，并且遇到了一个实例，其中单击卡片不会触发 onClick 函数。仅当组件在某个树中呈现时，在应用程序的所有其他部分中它才能按预期工作。我在出现问题的react-instantsearch-dom组件中使用了 Algolia 的组件。
涟漪效应（显示用户点击卡片的动画）在任何情况下都会触发。所以它似乎不像覆盖卡片的透明 div 那样简单。以下是与存在问题的组件树相比的工作组件树：
在职的
点击什么也不做
您可以在上面看到的一件奇怪的事情是两个CardActionArea组件都显示为空onClick。但该功能在大多数情况下仍然有效。
我onClick={() => console.log('click')}用来测试，所以它似乎不是函数本身的问题。任何关于什么可以阻止 onClick 甚至触发的想法或故障排除建议将不胜感激。
编辑：此问题在 iOS Safari 中不会发生，但在 Firefox 中会发生。
编辑 2：由于我对这一点的理解不够好，无法重现它，而且它在代码中似乎并不明显，我正在寻找故障排除建议。Chrome 的开发人员工具中有什么东西可以用来追踪这种行为吗？