{ React Fragments }

A new feature introduced in React 16.2 are “fragments”. It helps get rid of the div > div > div hell that is often a layout issue. There are a few ways to do it, but the simplest (IMHO) is using the Fragment element which can now be exported from React core.

You’re used to seeing this:

import React, { Component } from "react";

or some derivation, so it’s as simple as:

import React, { Component, Fragment } from "react";

Here’s an example:

See the Pen React 16.2 Fragments by Jeff (@Jeff518Code) on CodePen.0

Or go ahead and skip straight to the official React docs.