Introdução ao React - Props - parte 5


O que são props e como os usar?

Data: 09/03/2020
Categoria: dev

Indice

Conteúdo

Props

Props (abreviação de propriedades) são uma parte essencial em componentes React, basicamente são valores que podemos passar para componentes para alterar o conteúdo deles ou como eles funcionam, por exemplo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
class Oila extends React.Component {
render() {
return (
<div>
<Titulo texto="Bom dia, como vai?" />
</div>
)
}
}

class Titulo extends React.Component {
render() {
return (
<h1>{this.props.texto}</h1>
)
}
}

No React você pode passar quantos props você quiser para componentes, você não precisa os declarar antes, pois são totalmente dinâmicos:

1
<AlgumaCoisa texto="Alguma outra coisa" deveFuncionar={true} rickAndRoll={false} quantasESeisVezesSete={42} />

Finalizando

Na próxima parte, aprenderemos o que é o famoso State e com usá-lo

Próxima parte