Hands-On Full Stack Development with Spring Boot 2 and React - Second Edition

React hooks

React hooks let you use the state in your components without using a class. You can write your components by using ES6 arrow functions. Let's take a look at how the previous counter example (mentioned in Props and the state section ) can be performed using React hooks. The hook function that lets you set a state value is called useState. It takes one argument, which is the initial value of the state. The following example code creates a state variable called count, and the initial value is zero.

The value of the state can now be updated by using the setCount function:

// count state with initial value 0 const [count, setCount] = useState(0);

The counter example now looks like the following when using setState. Here, we don't use ...