Javascript 如何将jQuery插件转换为在reactjs中工作?

Javascript 如何将jQuery插件转换为在reactjs中工作?,javascript,jquery,reactjs,Javascript,Jquery,Reactjs,您好首先,我很抱歉,如果我问问题的方式很愚蠢,那么我正在学习JS,并同时做出反应 我的问题是,是否可以使用jquery插件在react中工作?我在网上查阅了大量文档,但无法使其工作 这是在我的custom.js文件中使用type.js的脚本 jQuery(document).ready(function(){ animate_text(); }); function animate_text(){ var animateSpan = jQuery('.animation_

您好首先,我很抱歉,如果我问问题的方式很愚蠢,那么我正在学习JS,并同时做出反应

我的问题是,是否可以使用jquery插件在react中工作?我在网上查阅了大量文档,但无法使其工作

这是在我的custom.js文件中使用type.js的脚本

jQuery(document).ready(function(){

    animate_text();

});

function animate_text(){

    var animateSpan = jQuery('.animation_text_word');

        animateSpan.typed({
            strings: ["Freelancer", "UI/UX Designer", "Web Developer"],
            loop: true,
            startDelay: 1e3,
            backDelay: 2e3
        });
}
这在我的App.js文件中

<div className="text_typing">
<p>I'm a <span className="animation_text_word"></span></p>
</div>

我是一名医生

我在app.js或index.js中导入了,但似乎我无法让它工作我知道我想我是我的游戏方式,但很高兴能获得一些关于这方面的知识,是的,我正在尝试将静态站点转换为react,只是为了好玩,了解react和更多

这是我在执行npm启动时遇到的错误


感谢您提供的任何建议或帮助,如果我的问题不在正确的组中或不清楚,我很抱歉。

您可以查看文档以了解这是否有帮助:另外,`jQuery(document).ready(function(){animate_text();})`可以替换为`componentDidMount(){animate_text();}`它们具有相同的用途,但React提供了后者。在这里,您希望接收一个函数,但这里的任何内容都不是函数,您可以尝试将其转换为函数以检查是否发生任何错误。不再需要JQuery。DOM可以直接使用,因为在现代浏览器中支持良好。另外,我会跳过学习阶段的反应。它只会把你首先从学习中受益的东西抽象出来。非常感谢你的回复。我只是对我所看到的所有视频感到好奇,我将坚持我现在正在学习的视频。非常感谢。