Avoid re-rendring in the functional component.
import React, { useState } from "react"
function App() {
const [count, setData] = useState(1)
const [item, setItem] = useState(20)
const newApple=React.useMemo(
function appleTime() {
console.warn("Hello")
return 100 * count;
}
,[item])
return (
<div >
<h1>Hooks in React {count}</h1>
{newApple}
<button onClick={() => setData(count + 1)}>Update State</button>
<button onClick={() => setItem(item * 10)}>Update State</button>
</div>
);
}
export default App;© www.thecoderjob.com. All Rights Reserved. Designed by HTML Codex