All Questions

Popular Tags

react

performance

javascript

optimization

Why does React re-render a component even when props haven't changed?

1function Parent() {
2  const [count, setCount] = useState(0);
3  const user = { name: "John" }; // causes re-renders
4
5  return <Child user={user} />;
6}
7
8const Child = React.memo(function Child({ user }) {
9  console.log("Child re-rendered");
10  return <div>{user.name}</div>;
11});

1function Parent() {
2  const [count, setCount] = useState(0);
3  const user = { name: "John" }; // causes re-renders
4
5  return <Child user={user} />;
6}
7
8const Child = React.memo(function Child({ user }) {
9  console.log("Child re-rendered");
10  return <div>{user.name}</div>;
11});

All Questions

Top Questions

Popular Tags

Why does React re-render a component even when props haven't changed?

0 Answers

No Answers Found

Write your answer here