Question

我想在React JS中实现这段代码Jquery：

(function(){

   $("#cart").on("click", function() {
     $(".shopping-cart").fadeToggle( "fast");
   });

 })();

可能吗？

Answer 1

jQuery和React是非常不同的野兽，具有完全不同的工作流程。对于你的jQuery示例，你只需要在页面上包含正确的标记，jQuery就会为你操作它。

React会创建自己的标记，您根本不会直接修改它。

执行您尝试实现的目标的最简单方法很可能是通过在单击时在您的react组件上设置className来实现的CSS转换。

有关更多信息，请查看Joe Davis关于此主题的excellent article。

Answer 2

这是可能的，但React及其生成的HTML并不意味着像jquery那样被操纵。如果你想在React中使用淡出动画，最好依靠CSS动画和过渡，添加和删除CSS类。

查看＆＃34; 与其他图书馆集成＆＃34;部分官方文档： https://reactjs.org/docs/integrating-with-other-libraries.html

Answer 3

要在反应中执行jquery，你需要包含jquery js＆＃34; https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js＆＃34;在你的页面中。然后它就像一个魅力。虽然你不应该在反应哲学中这样做。

componentWillMount () {
    const script = document.createElement("script");

    script.src = "https://use.typekit.net/foobar.js";
    script.async = true;

    document.body.appendChild(script);
}

如何在React中实现Jquery？

3 个答案: