Quiero explicarlo básicamente. Este no es mi código. Es solo para explicar mi problema. Sé que puedo usar el parámetro de nombre cuando envío solicitudes de API, pero no es mi pregunta.

 const [deviceName, setDeviceName] = useState("iPad"); const changeDeviceName = (name) => { setDeviceName(name); sendNameToAPI(deviceName); } return ( <div> <p>{deviceName}</p> <button onClick={() => { changeDeviceName("iPhone"); }}> </div> )

Cuando setDeviceName funciona. En cambio de nombre de dispositivo HTML. Está bien, pero quiero usar deviceName en otro lugar en JS, su próximo "iPad". ¿Que puedo hacer? ¿Por qué? Investigo mucho y no puedo encontrar las mejores prácticas. Alguien dice useEffect pero si tengo muchos estados significa mucho useEffect.