Self review: Managing state in React

True or false? When lifting state up, you need to move the useState from a child component to a parent component.
- True.
- False.
If the state variable holds an array or a string value, once you pass that state via props from a parent to a child, you can then read the length property from the received prop in the child component.
- True
- False

What's wrong with this code?

 import React from "react";
 import Fruits from "./Fruits";
 import FruitsCounter from "./FruitsCounter";

 function App() {
   const [fruits] = useState([
       {fruitName: 'apple', id: 1},
       {fruitName: 'apple', id: 2},
       {fruitName: 'plum', id: 3},
   ]);

   return (
     <div className="App">
       <h1>Where should the state go?</h1>
       <Fruits fruits={fruits} />
       <FruitsCounter fruits={fruits} />
     </div>
   );
 }

 export default App;

If you don't add the setFruits state-updating function when descructuring values from useState, the app won't compile.
There's nothing wrong with the provided code.
The useState call should be React.useState.

Self review: Managing state in React

Comments

React Basics

Knowledge check: Passing state - React Basic

More from this blog

Build a Smart Cloud Application with Vibe Coding and MCP: Challenge Lab - GSP532

Daily Tech Brief — 03/08/2026

Daily Tech Brief — 02/08/2026

Daily Tech Brief — 01/08/2026

Daily Tech Brief — 31/07/2026

Command Palette

Comments

React Basics

Knowledge check: Passing state - React Basic

More from this blog