Reactでライブラリを正しくインポートするにはどうすればよいですか？

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 にインポートする必要がありますかそして、そこですべての関数を個別に初期化しますか？