how to use the function useeffect in render code example
Example 1: useeffect
import React, { useState, useEffect } from 'react';
function Example() {
const [count, setCount] = useState(0);
// Similar to componentDidMount and componentDidUpdate: useEffect(() => { // Update the document title using the browser API document.title = `You clicked ${count} times`; });
return (
<div>
<p>You clicked {count} times</p>
<button onClick={() => setCount(count + 1)}>
Click me
</button>
</div>
);
}
Example 2: React Hook "useEffect" is called in function
React component names need to start with a capital letter.
That's because React treats components starting with lowercase letters as DOM tags.
Therefore you should name it "Shoes"