Untitled
unknown
plain_text
10 months ago
710 B
5
Indexable
import React, { useMemo, useState } from 'react'; function App() { const [count, setCount] = useState(0); const [input, setInput] = useState(''); const expensiveCalculation = (num) => { console.log('Calculating...'); for (let i = 0; i < 1000000000; i++) { } return num * 2; }; const memoizedValue = useMemo(() => expensiveCalculation(count), [count]); return ( <div> <h1>useMemo Example</h1> <input type="text" value={input} onChange={(e) => setInput(e.target.value)} /> <button onClick={() => setCount(count + 1)}>Increment</button> <p>Count: {count}</p> <p>Expensive Calculation Result: {memoizedValue}</p> </div> ); } export default App;
Editor is loading...
Leave a Comment