← React Beginner Questions - Set 7 Q68

What is the purpose of React.Fragment?

React Beginner Questions - Set 7

Example

1
2
3
4
5
6
7
8
9
10

function Cells() {
  return (
    <>
      <td>Name</td>
      <td>Price</td>
    </>
  );
}

// No wrapper element: the fragment disappears from the DOM

What to notice

• Needed whenever a wrapper `<div>` would be invalid HTML, as inside `<tr>`.