Props

Índice

• Parte 1 - Introdução ao React
• Parte 2 - Elementos React
• Parte 3 - JSX
• Parte 4 - Componentes React
• Parte 5 - Props
• Parte 6 - State
• Parte 7 - Criando interfaces declarativas
• Parte 8 - Criando um pequeno projeto

Conteúdo

• Props
• Finalizando

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:

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:

<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