Learn React with TypeScript 3

Function component life cycle hooks

We can invoke code to execute at certain points in a function component's life cycle. Let's explore this in our Confirm component, starting with when the component is first rendering, as follows:

1. Let's add the highlighted lines of code just beneath where we define state:

const [cancelClickCount, setCancelClickCount] = React.useState(0);React.useEffect(() => {  console.log("Confirm first rendering");}, []);

• We use React's useEffect function to hook into the component life cycle.
• The function takes in an arrow function, which executes when the component is first rendered.
• The function takes in a second parameter, which determines when our arrow function is called. This parameter is an array of values that, ...