React.Fragmentのdivラップリターンで問題を解決

1、で反応して、唯一のルートノードの内容を返す、我々はパッケージ要素を必要とします

この要素は、通常、次のような例は、DIVをラップされています。

{アプリザは、コンポーネントクラスを拡張
  {）（レンダリング
    リターン（
      < DIV > 
        　　< H1の>タイトル</ のH1 > 
        　　< H2 >副題</ H2 > 
      　　</ DIV > 
    ）; 
  } 
}

この時点での構造を#root：

 

2、DIVない場合、文句を言うだろう 

例としては、次のとおりです：

{アプリザは、コンポーネントクラスを拡張
  レンダリング（）{ 
    リターン（
      < のH1 >タイトル</ のH1 > 
          < H2 >副題</ H2 > 
    ;）
  } 
}

 

3、DIV解決策なし：React.Fragmentと交換

例としては、次のとおりです：

クラスアプリケーションは、コンポーネント{延び
  レンダリング（）{ 
    リターン（
      < 反応させ.Fragment > 
        　　< H1 >大标题</ H1 > 
        　　< H2 >小标题</ H2 > 
      　　</ React.Fragment > 
    ）と、
  } 
}

この時点で建設中の#rootはdiv要素の「迷惑な」友人のより多くのではありません