在React应用程序中加载JS

问题描述:

我正在构建一个基于React的表单,并且需要包含Select2 jQuery插件来设置选择元素的样式。在React应用程序中加载JS

如何在我的React项目中包含JS?我知道你想让React处理DOM,但同时我仍然需要设计某些元素?

我试过在我的index.html中包含JS文件,但是在HTML甚至执行之前就已经运行了。

由于生成选项的方式,我无法使用Select2模块。

我在我的组件中,像这样的顶部安装了jQuery和选择二...

import jquery from 'jquery'; 
import select2 from 'select2'; 

然后......

componentDidMount() { 
    return(
    $(document).ready(function() { 
     $('select').select2(); 
    }) 
) 
} 

这不运行,因为它说$未定义。无论如何,我不认为我是这样做的。

+0

你可以在你的组件的componentDidMount()运行你的jQuery命令 –

+0

你是否在组件的componentDidUpdate中调用你的jQuery? –

+0

你应该使用反应组件,如[react-select](http://jedwatson.github.io/react-select/)。 – Abhishek

迪奥戈Sgrillo帮我正确的答案...

所有我需要做的是改变了jQuery $。