gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(guide): fix some minor typos (#31239)

Browse Source
This commit is contained in:
Eric Hartline
2019-01-18 18:47:53 -06:00
committed by Tom
parent b96a865a30
commit 77503a9930
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
guide/english/react/fragments/index.md
View File

@ -8,9 +8,9 @@ Fragments are a way to return multiple elements from the render method without u
When attempting to render multiple sibling elements without an enclosing tag in JSX, you will see the error message of `Adjacent JSX elements must be wrapped in an enclosing tag`.
In the past, a frequent solution was to use either a wrapping div or span element, which was not elegant as it would increase the size of DOM tree and this is because of the way JSX works as multiple elements should be wrapped in a div. However, version 16.0 of React introduced the addition of `Fragment`, which makes this no longer necessary.
In the past, a frequent solution was to use either a wrapping `div` or `span` element, which was not elegant as it would increase the size of DOM tree and this is because of the way JSX works as multiple elements should be wrapped in a div. However, version 16.0 of React introduced the addition of `Fragment`, which makes this no longer necessary.
`Fragment` acts a wrapper without adding unnecessary divs or spans elements to the DOM. You can use it directly from the React import:
`Fragment` acts as a wrapper without adding unnecessary `div` or `span` elements to the DOM. You can use it directly from the React import:
```jsx
import React from 'react';
@ -63,7 +63,7 @@ return (
);
```
Empty JSX tags cannot be used with attributes, including key.
Empty JSX tags cannot be used with any attributes (including key).
#### More Information:
* [React.Fragment (Official Documentation)](https://reactjs.org/docs/react-api.html#reactfragment)