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

4. React State

Vasan Subramanian1 
(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 ...

Get Pro MERN Stack: Full Stack Web App Development with Mongo, Express, React, and Node now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.