O padrão State em programação é como se fosse uma roupa que muda de cor ou estilo dependendo da ocasião. Assim como uma roupa pode ter diferentes estilos, um objeto em programação pode ter diferentes comportamentos dependendo do seu estado interno.
Imagine um semáforo em uma rua movimentada. Ele tem diferentes estados: verde, amarelo e vermelho. Cada estado representa uma ação ou comportamento diferente. Quando o semáforo está verde, ele permite que os carros sigam em frente. Quando ele fica amarelo, ele avisa que a luz vai mudar em breve. E quando ele fica vermelho, ele para o tráfego.
Ao usar o padrão State, cada estado do semáforo seria representado por uma classe separada, que definiria o comportamento específico para cada estado. Por exemplo, a classe "EstadoVerde" definiria o comportamento quando o semáforo está verde, e a classe "EstadoVermelho" definiria o comportamento quando o semáforo está vermelho.
Usando o padrão State, é possível trocar o estado do semáforo sem afetar outras partes do programa. Além disso, é possível adicionar novos estados ou comportamentos facilmente, sem precisar mudar o código existente.
import React from 'react';
import { useState } from 'react';
O padrão State em programação é como se fosse uma roupa que muda de cor ou estilo dependendo da ocasião. Assim como uma roupa pode ter diferentes estilos, um objeto em programação pode ter diferentes comportamentos dependendo do seu estado interno.
Imagine um semáforo em uma rua movimentada. Ele tem diferentes estados: verde, amarelo e vermelho. Cada estado representa uma ação ou comportamento diferente. Quando o semáforo está verde, ele permite que os carros sigam em frente. Quando ele fica amarelo, ele avisa que a luz vai mudar em breve. E quando ele fica vermelho, ele para o tráfego.
Ao usar o padrão State, cada estado do semáforo seria representado por uma classe separada, que definiria o comportamento específico para cada estado. Por exemplo, a classe "EstadoVerde" definiria o comportamento quando o semáforo está verde, e a classe "EstadoVermelho" definiria o comportamento quando o semáforo está vermelho.
Usando o padrão State, é possível trocar o estado do semáforo sem afetar outras partes do programa. Além disso, é possível adicionar novos estados ou comportamentos facilmente, sem precisar mudar o código existente.
import React from 'react'; import { useState } from 'react';
function App() { const [name, setName]= useState(""); const [number, setNumber] = useState(0);
console.log(name); const altnumber = () => { // previous value usado pra alterar o valor anterior setNumber((prevNumber) => prevNumber +2)
}
return (
Meu nome é {name}
setName(e.target.value)}/>número:{number}
); }
export default App;