虽然这不是解决问题的最佳方法,但我确实需要我的 React 应用程序与 jQuery 交互,直到我想出更好的解决方案。
在我的入口点组件的 HTML 页面中,我有一个简单的 jQuery 侦听器——见下文:
<html>
... // Omitted for brevity
<body>
... // Omitted for brevity
<script type="text/javascript">
$(".my-class").on("click", function() {
debugger;
// We'll do something here
})
</script>
</body>
</html>
然后,在我的愚蠢组件中,我有以下内容但它不起作用。当我单击按钮时,我没有到达我在侦听器中设置的断点。
const MyComponent = () => {
return(
<div>
<a href="#" className="btn-primary my-class">Click Me!</a>
</div>
);
}
export default MyComponent;
知道如何让这个工作吗?