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

Change state functionality

Kostas Diakogiannis

Change state functionality

The plan is to initialize and centralize the state somewhere where both components can pull this information from.

That’s on the parent component!

We will initialize state with the value of the input as an empty string, and then a function that is going to be executed from the form field anytime the data changes there!

Then, anytime the data changes, the value gets updated, the state changes and the paragraph depicts automatically the new value!

Change state functionality

16.a React.js

Instruções

Fale Conosco

O que você acha do novo visual?