Olá, pessoal Estou iniciando com ReactJs Alguém poderia tirar uma dúvida, por favor?
Eu fui apresentado às duas maneiras de criar componentes (de classes e de funções), e optei por usar SEMPRE funções (pelo menos por enquanto) Inclusive no App.js, já que agora podemos manipular estados via hooks, certo? hahahahaha
Bom, ainda estou um pouco confuso em relação ao useState, saquem só:
Aparentemente, quando usamos classes, os states antigos são mergeados com os novos, assim mantemos intactos os antigos, certo... Mas com componentes funcionais e useState, precisamos nos preocupar com todos os estados E é esse o meu maior enrosco huahuahuhahhauauh
Já que temos que gerenciar individualmente cada estado, seria melhor criar vários e vários, e assim cuidar de cada um separadamente? Qual é o pattern mais adequado?
Vou mandar um trechinho de código:
const App = () => {
const [ personsState, setPersonsState ] = useState({
persons: [
{name: 'Max', age: 28 },
{name: 'Eddie', age: 20 },
{name: 'Julie', age: 25 }
],
showPersons: false
});
const inputNameHandler = (event) => {
setPersonsState({
persons: [
{name: personsState.persons[0].name, age: personsState.persons[0].age },
{name: event.target.value, age: personsState.persons[1].age },
{name: personsState.persons[2].name, age: personsState.persons[2].age }
]
});
}
// minha maior dúvida é aqui
// eu deveria ter criado outro useState só para o showPerson?
// esta seria a melhor opção para manter os states antigos?
const togglePersonsHandler = () => {
const showing = personsState.showPersons;
setPersonsState({
persons: personsState.persons,
showPersons: !showing
});
}
Desde já, muito obrigado galera!
persons
eshow
separados.