当子组件发生变化时,父组件是否重新渲染?
does parent component re-renders when changes occur in child components?
我有一个看起来像这样的父组件:
const Parent = () => {
return (
<Child_1 />
<Child_2 />
);
}
如果其中一个子组件发生任何更改,父组件是否会重新呈现?
子组件的状态变化不会影响父组件,但是当父组件的状态发生变化时,所有的子组件都会渲染。
不,不会re-render。如果您将任何道具从父组件传递给组件,并且您在子组件中更新该道具或在父组件中更新该道具,那么两者都会 re-render。但是如果数据或者状态对父组件没有依赖那么就不会在父组件中造成re-render.
我有一个看起来像这样的父组件:
const Parent = () => {
return (
<Child_1 />
<Child_2 />
);
}
如果其中一个子组件发生任何更改,父组件是否会重新呈现?
子组件的状态变化不会影响父组件,但是当父组件的状态发生变化时,所有的子组件都会渲染。
不,不会re-render。如果您将任何道具从父组件传递给组件,并且您在子组件中更新该道具或在父组件中更新该道具,那么两者都会 re-render。但是如果数据或者状态对父组件没有依赖那么就不会在父组件中造成re-render.