What is state in React - Quick Revision & Key Takeaways

Recall & Review

beginner

What is state in React?

State is a way to store and manage data inside a React component that can change over time. It helps the component remember information and update the screen when that information changes.

beginner

How do you create state in a React functional component?

You use the useState hook to create state. It gives you a variable to hold the value and a function to update it.

beginner

Why is state important in React components?

State lets components remember things like user input or choices. When state changes, React updates the screen automatically to show the new data.

beginner

What happens when you update state in React?

When you update state, React re-renders the component to show the latest data on the screen.

beginner

Can state be changed directly in React?

No, you should never change state directly. Instead, use the updater function from useState to change state safely.

What hook do you use to add state in a React functional component?

A useState

B useEffect

C useContext

D useRef

The useState hook is used to add state to functional components.

What happens when you update state in React?

A The browser crashes

B The page reloads completely

C Nothing changes on the screen

D The component re-renders to show updated data

Updating state causes React to re-render the component with new data.

Which of these is the correct way to update state?

A Directly changing the state variable

B Using the updater function from useState

C Changing props

D Modifying the DOM manually

State should be updated using the updater function from useState, not by direct assignment.

State in React is used to:

A Load external files

B Style the component

C Store data that can change over time

D Write CSS rules

State stores data that can change and affects what the component shows.

Which of these is NOT true about React state?

A State can be changed directly without any function

B State changes cause the component to update

C State is local to the component

D useState returns a state variable and an updater function

State should never be changed directly; always use the updater function.

Explain in your own words what state is in React and why it is useful.

Think about how a component remembers user actions or input.

Describe how you create and update state in a React functional component.

Focus on the useState syntax and how changes affect the component.