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 Você está aqui
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
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 6 de 28 · Mídia

Render HTML or JSX

Kostas Diakogiannis

Render HTML from a component

Let's create our first component and try to render some HTML to it (actually is JSX, a mixed version between JavaScript and HTML as we will find out later).

Inside the MyHeading component we will try to render some HTML. We need the render function for that. By default the render function should return a JSX structure, that will be compiled to HTML at the end.

Render HTML or JSX

16.a React.js

Instruções

Fale Conosco

O que você acha do novo visual?