Effect Dependency Fix
ReactJS
Hard
6 views
Problem Description
Fix an effect that uses state by including dependencies correctly.
Output Format
Render a React component.
Constraints
Use functional setState to avoid stale values.
Official Solution
import React, { useEffect, useState } from 'react';
export default function App() {
const [count, setCount] = useState(0);
useEffect(() => {
const id = setInterval(() => {
setCount((c) => c + 1);
}, 800);
return () => clearInterval(id);
}, []);
return (
<div style={{ padding: 16 }}>
<strong>meetcode safe effect</strong>
<div style={{ marginTop: 8, fontSize: 24, fontWeight: 800 }}>{count}</div>
</div>
);
}
Solutions (0)
No solutions submitted yet. Be the first!
No comments yet. Start the discussion!