HTMLコード内のdiv内の要素は表示されませんか？

Question

私はそのページの1つにフォームを持つアプリケーションで作業しています。フォームは複数のネストされたdivタグで囲まれています。それは次のようになります。

<main id="main-body"> 
    <div id="content-wrapper"> 
     <div id="formContainer> 
      <div data-reactid=".0"> 
       <div data-reactid=".0"> 
        <div data-reactid=".0.0.1.$form"> 
         <form id="myForm" data-reactid=".0.0.1.$form.1"> 
          ... 
         </form> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</main> 

トラブルは私が見て、私のWebページ上のフォームを見て、また私のブラウザの「ソースの表示」機能を通じて、私は「要素を点検して」ないときことができるということです生成される実際のHTMLは、私はちょうど

<main id="main-body"> 
    <div id="content-wrapper"> 
     <div id="formContainer"> 
     </div> 
    </div> 
</main> 

私はdivの内側のHTML要素のいずれかを見ることができない「を参照formContainer」私は「要素を点検して」ないとき、彼らは、ページ上で右があるにもかかわらず、 。何故このようなことが起こるのか？ NeoloadでフォームIDを取得する必要がありますが、Neoloadはページのソースには存在しないので、これを読み取れません。

編集：divタグのいくつかはdata-reactid=".0.0"を使用しています。フォーム要素自体はdata-reactid=".0.0.1.$form.1"です。基本的にreactのものは消えます。私はReactの何も知らない。これはこの問題を引き起こしている可能性がありますか？元のコードにさらに近づけるようにコードを更新しました。

Answer 1

あなたはid="form-container"を閉じていません！ A "がありません