使用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文件。你应该在你的主反应应用程序中包含react模板然后如果你真的想通过按钮点击发生一些事情，那么你会在你的应用程序上调用一个方法。但通常情况下，不建议以这种方式混合使用Jquery。