Logo

Zapamiętaj

Komponent w React musi zawsze zwracać jedną rzecz, która ma pod sobą hierarchię. Zatem następujący render jest zabroniony

render(){
  return (
    <div>Jeden element</div>
    <div>Drugi element</div>
  )
}

Można to obejść owijajac wszystko we wspólnego rodzica

render(){
  return (
    <div>
      <div>Jeden element</div>
      <div>Drugi element</div>
    </div>
  )
}

Albo korzystając z React.Fragment

render(){
  return (
    <React.Fragment>
      <div>Jeden element</div>
      <div>Drugi element</div>
    </React.Fragment>
  )
}