Aula 3

O que são Props?

Props (abreviação de "properties") são uma forma de passar dados de um componente pai para um componente filho em React.

import React from 'react';

const Saudacao = (props) => {
  return (
    <div>
      <h1>Olá, {props.nome}!<h1>
    </div>
  );
};

export default Saudacao;

        

O que são estados (states)?

Estado: Uma maneira de armazenar dados que podem mudar ao longo do tempo em um componente React.

import React, { useState } from 'react';

const Contador = () => {
  const [contador, setContador] = useState(0);
  const incrementar = () => {
    setContador(contador + 1);
  };

  return (
    <div>
      <h1>Contador: {contador}</h1>
      <button onClick={incrementar}>Incrementar</button>
    </div>
  );
};

export default Contador;