首页 文章

使用jquery按钮单击调用react脚本

提问于
浏览
0

我有一个反应脚本,我需要在单击按钮时加载它,所以我创建了一个带有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中的组件,我没有在控制台上得到任何错误

1 回答

  • 0

    这将无法运行,因为浏览器无法执行JSX脚本 . 它必须由React解析,然后运行解释它并使用模板的脚本 .

    我很抱歉给你一个“你做错了”的答案,但基本上你不能/不应该使用Jquery来执行JSX文件 . 你应该在你的主反应应用程序中包含react模板然后如果你真的想通过按钮点击发生一些事情,那么你会在你的应用程序上调用一个方法 . 但一般情况下,不建议以这种方式混合使用Jquery .

相关问题