使用 jquery 在按钮单击时调用反应脚本

Question

我有一个反应脚本，我需要在单击按钮时加载它，所以我用 jquery 创建了一个函数来捕获单击按钮，然后像这样加载反应脚本

$('#but').on('click', function(){
  $.getScript("/static/39f3e10/js/loadxb.jsx", function (data, textStatus, jqxhr) {
    console.log(data);
    console.log(textStatus);
    console.log(jqxhr.status);
    console.log("file is loaded");
  });
});

当我单击按钮时，脚本成功加载但未执行，这意味着反应脚本不会渲染 div 内的组件，顺便说一下，我在控制台上没有收到任何错误

Answer 1

这不起作用，因为浏览器无法执行 JSX 脚本。它必须由 React 解析，然后运行解释它的脚本并使用模板。

很抱歉给你一个“你做错了”的答案，但本质上你不能/不应该使用 Jquery 来执行 JSX 文件。您应该在您的主反应应用程序中包含反应模板，然后如果您确实想通过单击按钮来实现某些事情，那么您将在您的应用程序上调用一个方法。但一般来说，不建议以这种方式混合 Jquery。