如何在React中正确导入库？

Question

我正在尝试导入JS -materialize库。我用npm安装了它，

然后在我的项目根文件index.js我试过这个：

import materializeJS from 'materialize-css/dist/js/materialize.min.js';

ReactDOM.render(<App M={materializeJS} />, document.getElementById('root'));
registerServiceWorker();

但是当我尝试在App.js文件中初始化select函数时：

componentDidMount() {
    const { M } = this.props;
    document.addEventListener('DOMContentLoaded', function() {
       var elems = document.querySelectorAll('select');
       var instances = M.FormSelect.init(elems, elems[0].children);
    });
}

M没有任何库函数。我也尝试用它导入它

import 'materialize-css/dist/js/materialize.min.js';位于index.js的顶部

但没有奏效。

我是否必须在index.html中导入它，然后单独初始化那里的所有函数？

Answer 1

不是你的问题的直接答案，但他们已经有一个qazxsw poi，你最好安装它比使用常规的js库反应。

Answer 2

这是非常棘手的。我建议你使用这个反应器来代替：port for react