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 Você está aqui
Módulo 9 · Mídia Render a single outer element
Módulo 10 · Mídia React fragments
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 8 de 28 · Mídia

Rendering multiple elements

Kostas Diakogiannis

Rendering multiple elements

What if a component renders more than one element, a whole structure for example: We could use a parenthesis in order to specify a multi-line structure return statement. Every time we can't place the returned JSX into a single line (into the same line with the return keyword) we must wrap all the elements inside a parenthesis.

After we have done this, we can return more than one elements. Although this is correct, in this case there is another problem. Take a look to the picture above, what do you think?

Would this work?

Rendering multiple elements

16.a React.js

Instruções

Fale Conosco

O que você acha do novo visual?