const [firstName, setfirstName] = useState ("") const [middleName, setmiddleName] = useState ("") const [lastName, setfirstName] = useState ("") OR const [Name, setName] = useState({firstName:"", middleName:"",lastName:""})which method will cause least amount of rerenders???

which is better approach for useState

Unanswered

Naeemgg posted this in #help-forum

2023-08-24T11:18:02.000Z

const [firstName, setfirstName] = useState<string>("")
const [middleName, setmiddleName] = useState<string>("")
const [lastName, setfirstName] = useState<string>("")
                  OR
const [Name, setName] = useState({firstName:"", middleName:"",lastName:""})

which method will cause least amount of rerenders???

4 Replies

@Naeemgg ts const [firstName, setfirstName] = useState<string>("") const [middleName, setmiddleName] = useState<string>("") const [lastName, setfirstName] = useState<string>("") OR const [Name, setName] = useState({firstName:"", middleName:"",lastName:""}) which method will cause least amount of rerenders???

@ts-ignore

2023-08-24T11:18:35.000Z

well if you want "least amount of re renders" use ref

the component will re render everytime state changes

Muhammed Khal

2023-08-24T12:34:43.000Z

For me the second one

But depend on your requirements