(Espero que entiendas lo que quiero decir, aunque no soy bueno en inglés).
Hola. Migro el código que está escrito como componente de clase al componente de función. Pero me he enfrentado a varios problemas como este:
No encontré ninguna forma de migrar el ciclo de vida de shouldComponentUpdate. Sé que React.memo puede manejarlo como shouldComponentUpdate. Pero de esta manera solo se puede aplicar en la actualización de accesorios. Necesito este proceso en la actualización del estado.
Cuando quieres cambiar algunos estados a la vez, ¿qué haces para ello? ¿Cómo puedo migrar este código al componente de función?
ejemplo de clase: this.setState({aaa: 'a', bbb: 'b', ccc: 1});
=> ¿Simplemente llamas a todos los métodos?
ejemplo de migración: setAaa(); setBbb(); setCcc();
No sé cómo agregar la función de devolución de llamada con useState.
ejemplo de clase: this.setState({state: value}, ()=> {callback function});
ejemplo de migración: (no resuelto)
Aquí hay un código de muestra que es similar a mi código que debe migrarse.
https://codesandbox.io/s/heuristic-firefly-sq1dm9?file=/src/App.js
No puedo adjuntar el código real debido a la seguridad, así que intenté poner todos los problemas que debería resolver.
Gracias :)
useEffect(() => { // do stuff here }, [someState]) // will be triggered only when someState changes useEffect(() => { // do stuff here }, []) // will be triggered once on first render useEffect(() => { // do stuff here }) // will be triggered on each render useEffect(() => { // do stuff here const timer = setTimeout(() => console.log('hi'), 5000) return () => clearTimeout(timer); // you can unsubscribe of any // listeners here }, []) // will be triggered once on first render