16.a React.js

Módulo 1 · Mídia Course's Objectives
Módulo 2 · Mídia What is React?
Módulo 3 · Mídia Create React App
Módulo 4 · Mídia Import Install React
Módulo 5 · Mídia Create a react component
Módulo 6 · Mídia Render HTML or JSX
Módulo 7 · Mídia Rendering component to DOM
Módulo 8 · Mídia Rendering multiple elements
Módulo 9 · Mídia Render a single outer element
Módulo 10 · Mídia React fragments Você está aqui
Módulo 11 · Mídia JavaScript Injection
Módulo 12 · Mídia Conditional rendering
Módulo 13 · Mídia Dynamic rendering
Módulo 14 · Mídia Components' Props
Módulo 15 · Mídia Props.children
Módulo 16 · Mídia Prop Types
Módulo 17 · Mídia Using Prop Types
Módulo 18 · Mídia React events
Módulo 19 · Mídia The bind method
Módulo 20 · Mídia Refs
Módulo 21 · Mídia Manage state in React
Módulo 22 · Mídia Decompose
Módulo 23 · Fluxograma React siblings components
Módulo 24 · Mídia Parent component's structure
Módulo 25 · Mídia Change state functionality
Módulo 26 · Mídia Changing parent's state through Form
Módulo 27 · Mídia Depict parent's state
Módulo 28 · Mídia Create a react todo app

Fechar o curso

Módulo 10 de 28 · Mídia

React fragments

Kostas Diakogiannis

React Fragments

What if you don't want to literally return a div or a specific element that has a meaning to HTML, but just a wrapper? Well, React gives you this opportunity with React.Fragment. That acts like a wrapper but will be ignored during compile phase from the browser.

At the end, it will not take any place, or space and it will not mount to the DOM at all.

You can place them by wrapping everything you want in an opening and closing tag respectively as the code above suggests.

React fragments

16.a React.js

Instruções

Fale Conosco

O que você acha do novo visual?