Pro MERN Stack: Full Stack Web App Development with Mongo, Express, React, and Node

© Vasan Subramanian 2019

Vasan SubramanianPro MERN Stackhttps://doi.org/10.1007/978-1-4842-4391-6_4

4. React State

Vasan Subramanian¹ 

(1)

Bangalore, Karnataka, India

 

Until now, we only saw static components, that is, components that did not change. To make components that respond to user input and other events, React uses a data structure called state in the component. In this chapter, we will explore how to use React State and how it can be manipulated to change how the component looks and what it shows on screen.

The state essentially holds the data, something that can change, as opposed to the immutable properties in the form of props that you saw earlier. This state needs to be used in the render() method to build the view. It is only the change ...