¿Todavía es posible renderizar variables en reaccionar? Intentando usar un método más liviano para almacenar datos en un componente, pero las variables parecen no mostrarse más en la reacción. ¿Es useRef el nuevo método para las variables o todavía es posible en las variables let básicas?
Aquí hay un ejemplo de variables que no se procesan en reaccionar: https://codesandbox.io/s/serene-galileo-ml3f0?fontsize=14
Tiene una idea errónea sobre cómo React maneja el estado. La razón por la que las variables normales no parecen funcionar en React es en realidad una optimización . React solo vuelve a representar los elementos de su página cuando es absolutamente necesario. La forma en que le dices a React "oye, mi estado cambió, ¿puedes actualizar la página para reflejar eso?" es mediante el uso de variables de estado. En su ejemplo, React solo vuelve a representar los elementos que hacen referencia a la variable b cuando la actualiza usando setB . Sin embargo, no vuelve a representar los elementos que representan a cuando lo actualiza usando a++ , porque no tiene forma de detectar que a se actualizó.
useState es en realidad más eficiente que las variables locales, porque muestra solo lo que es necesario.
ver la respuesta de virchau13.
Aunque guardar en un estado es más intensivo que una simple asignación de variables, debe tener en cuenta que lo que ve en la pantalla solo cambiará mediante renderizaciones. Entonces, si desea ver el incremento de visualización en la pantalla, solo lo hará a través de representaciones, lo que se logra más fácilmente a través de cambios de estado.