What is a React Fragment?

Difficulty: 4/10

JSX, DOM hierarchy, performance

1
A React Fragment is a component that allows you to group multiple elements without adding an additional DOM node to the rendered output.
2
It helps to avoid unnecessary nesting when you need to return adjacent JSX elements from a component

Two Syntax formats:

The only attribute a Fragment can accept is the key prop. This is necessary when you are rendering a list of fragments in a loop. You must use the explicit <Fragment> syntax if you need to pass a key; the shorthand <>...</> does not support attributes.

Scenario Questions

0-2 years experience

Follow-up Questions