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 件
それはトリッキーなことです。 代わりにこの反応ワーパーを使用することをお勧めします:react-materialize
関連記事
- 反応フォームが正しく送信されません
- Material-ui Reactコンボボックスが正しく更新されないのはなぜですか?
- react jsでエフェクト関数を使用すると、正常に動作している間にインポートするように指示されます
- java EEにお金を払う代わりに、ライブラリをJAVA SEにインポートできないのはなぜですか?
- Material UILabsをReactアプリにインポートできません
- redux-sagasを使用してReactアプリにXLSXファイルをインポートします
- インポートなしのReact17およびJSXのeslintrcjs'react '
- React Notifications CSSインポートエラー
あなたの質問への直接的な答えではありませんが、彼らはすでに反応するポートを持っているので、通常のjsライブラリを反応で使用するよりもインストールするほうが良いでしょう。