У нас есть havyFunc. Не смотрим, что там какой-то рандом, условно, какая-то тяжелая функция. И есть компонент LazyInit, он не прошел ревью, надо понять, что с ним не так и как это исправить.
import ReactDOM from "react-dom";
import React, { memo, StrictMode, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
/* --------------------------------------------------------- */
const heavyFunc = (n)=>{
return Math.floor(Math.random() * n)
}
const LazyInit = ({ num })=>{
const [count, setCount] = useState(heavyFunc(num));
return (
<>
{count}
<button onClick={()=>setCount((prevCount) => prevCount-1)}>
Decrement
</button>
</>
)
}
/* --------------------------------------------------------- */
function App() {
return (
<div className="App">
<h1>Hello LeetCoder</h1>
</div>
);
}
const rootElement = document.getElementById("root");
ReactDOM.render(
<StrictMode>
<App />
</StrictMode>,
rootElement
);