bugfix> reactjs > 投稿

JSをインポートしようとしています-実現する 図書館。 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 にインポートする必要がありますかそして、そこですべての関数を個別に初期化しますか?

回答 2 件
  • あなたの質問への直接的な答えではありませんが、彼らはすでに反応するポートを持っているので、通常のjsライブラリを反応で使用するよりもインストールするほうが良いでしょう。

  • それはトリッキーなことです。 代わりにこの反応ワーパーを使用することをお勧めします:react-materialize

あなたの答え