A convenient way to return a JSX fragment without the wrapping `div` element and not worry about the version of React.
npm install render-fragmentA convenient way to return a JSX fragment without the wrapping div
element and not worry about the version of React.
bash
$ npm i --save render-fragment
`With the introduction of React 16.2, you can now return a fragment
(i.e. multiple elements that are not under a single element).
In previous versions, you were required to return either a
single element (in version 15.x)
or an array (in version 16.0 and 16.1).
js
import Fragment from 'render-fragment';const App = () => (
A
B
);
`If you are running React 15.x, it will render a wrapping
.
For React 16.0 and 16.1, it will render an array.
For React 16.2 and above, it will render a This way you can use the same markup regardless of the version
of React that you are using.
This is really useful for component designers that have React
installed as a peerDependency.
See live example on CodeSandbox.