Material Design Liteを使用するアプリケーションを作成しようとしています。しかし、私はMDLメニューが開かない問題に遭遇しました。ReactJSとMDLメニューが表示されない
私もそれがうまく一緒に演奏していない、要素をアップグレードするためにcomponentHandlerを呼び出すために必要とされる反応し、MDL記載されており、this article次試してみました。しかし、このペンのコンポーネントは動的にロードされないので、自動的に更新する必要があります。
お返事をお待ちしております、ありがとうございます！
Reactを使用する場合は、forの代わりにhtmlForを使用する必要があります。 Check it out。
<ul className="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect"
for="demo-menu-lower-left">
は次のようになります。
<ul className="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect"
htmlFor="demo-menu-lower-left">
が更新ペンhereを参照してください。
ありがとう！ htmlFor属性があることを知らなかった。 – Enki
ReactとMDLがうまく動作しない理由は、実際には2つあります。あなたが経験している問題は、Reactがすべてのイベントをドキュメント本体に委譲し、互換性の理由からブラウザのネイティブイベントの代わりにSyntheticEventを使用することです（詳細はこちら）（https://facebook.github.io /react/docs/events.html））。要するに、コンポーネントがイベントを発生させると、そのコンポーネントが最後に聞こえる**ので、アップグレードされたMDLコンポーネントはクリックイベントを受け取りません。私にはあなたのための解決策はありませんが、おそらくこの情報はあなたに役立つでしょう。 –