Material-design-lite: MDL + React：警告：validateDOMNesting（...）：

作成日 2016年11月02日  ·  4コメント  ·  ソース: google/material-design-lite

どうやらReactは、仮想DOMで区別できるキーを持たないネストされたコンポーネントを好まないようです。 次のリリースで、これらの要素のキーを自動的に生成できますか？

picture geoyws
👍3

最も参考になるコメント

申し訳ありませんが、.mdl-layoutと.mdl-layout__drawerを使用しただけで、Reactが警告をスローする<li/>をネストしたマークアップを構築することを忘れました。 おそらく、Reactの仮想DOMがそれを気に入らないことを知らされるのは良いことです。

picture geoyws 2016年11月03日
👍3

全てのコメント4件

反応成分は提供していません。 V2に存在するデモは単なる例であり、テスト用のマイルストーンリリースが出るまで更新を続けることが優先されないため、遅れることがあります。

Reactコンポーネントを提供するためにMDLのサードパーティラッパーを使用していると思います。 その場合は、そのライブラリの作成者に連絡してください。 これが何らかの理由でMDLの内部の問題である場合は、コードで何をしているのかについての詳細を提供し（ここで非常に役立つライブ例）、そこから問題を評価して、アクションを実行する必要があるかどうかを確認できます。

ありがとうございました。

Garbee picture Garbee 2016年11月02日

申し訳ありませんが、.mdl-layoutと.mdl-layout__drawerを使用しただけで、Reactが警告をスローする<li/>をネストしたマークアップを構築することを忘れました。 おそらく、Reactの仮想DOMがそれを気に入らないことを知らされるのは良いことです。

geoyws picture geoyws 2016年11月03日
👍3

Reactタブで<li>を使おうとすると同じ問題に直面します

`` `




  • セクション




  • 一般設定



Atmiya735 picture Atmiya735 2020年04月16日

@ Atmiya735警告は、HTMLのネストが無効であることを示しているだけだと思います。

ul許可されるコンテンツは次のとおりです。「ゼロ以上\

  • MDNドキュメントを参照してください
    ちなみに、 li許可されたコンテンツは、 li自体がそうではないフローコンテンツであるため、他の場合の警告です。
    • jmhouzz picture jmhouzz 2020年04月23日
    このページは役に立ちましたか？
    0 / 5 - 0 評価

    関連する問題

    arturgspb picture arturgspb  ·  3コメント
    tleunen picture tleunen  ·  5コメント
    J2TEAM picture J2TEAM  ·  3コメント
    facekapow picture facekapow  ·  5コメント
    lgg picture lgg  ·  3コメント