Soy nuevo en React (solo 1 curso en línea) y estoy descubriendo la magia de los accesorios y el estado. Me doy cuenta de que los accesorios son inmutables y el estado es mutable. Cada vez tengo más claro sus usos, pero hay un punto que me gustaría aclarar que no he podido encontrar en línea.
Por lo tanto, los accesorios se pueden pasar de padre a hijo y, cuando se pasan, se puede cambiar el nombre de la variable que contiene los accesorios. Cuando el estado o sus valores se pasan a componentes secundarios, también se pasa un mecanismo al elemento secundario para que el elemento secundario pueda modificar el estado en el nivel principal.
Espero que esto sea correcto ya que hasta ahora esto es lo que he entendido sobre accesorios y estado.
Ahora tengo un proyecto en el que tengo "App.js", que es el padre superior con "Home.js" como hijo. Planeo usar state en ambos. Pero el state en App.js es algo así como un estado global (y no quiero usar redux) y el state en Home.js sería el estado que usaría la aplicación para su uso regular.
Ahora ambos se nombran usando el formato state={} (estoy usando componentes basados en clases) y se los conoce como this.state pero dentro de sus propios componentes, lo que funciona bien.
Mi pregunta es sobre el formato de nombrar el estado como state , ¿es obligatorio o solo un estándar que se espera que sigan los desarrolladores?
Intenté cambiar el nombre del estado y parecía funcionar, pero tal vez hice algo mal porque realmente no esperaba que funcionara... por eso quería confirmar si está bien cambiar el nombre de estado en un componente a algo como globalState o store
Cualquier consejo sería apreciado.
Al escribir componentes de clase, solo puede actualizar el estado mediante el método setState y escribirá el estado en la propiedad de state .
Si bien supongo que podría agregar una propiedad captadora globalState a la clase que devuelve el valor de state , esto parece inútil.
Tenga en cuenta que almacenar datos en otras propiedades en lugar de usar setState para escribir en ellos no activará una nueva representación . Solo está escribiendo en una propiedad en el objeto y no está tratando con nada que React considere estado.
Al escribir componentes de función, el estado se maneja con el gancho useState y el procesamiento de almacenar los datos de estado lo maneja React internals. Luego, el valor del estado se asigna a cualquier variable a la que desee asignarlo después de leer la matriz de estado devuelta.
const [anyName, setAnyName] = useState(defaultValue); const [anyOtherName, setAnyOtherName] = useState(otherDefaultValue);