reactjs - React - 每次父组件渲染时都会重新安装子组件吗？

Question

在这个非常基本的示例中，我将组件 Bar 包含在组件 Foo 的渲染函数中。我观察到 Bar 的 componentDidMount 方法在每次 Foo 重新渲染时触发 - 这是正确的行为吗？

import Bar from './Bar.jsx';

export default class Foo extends Component {
    render() {
        return (
            <Bar />
        );
    }
}

注意:我提出这个问题是为了全面检查预期的行为，以便追踪错误。

Answer 1

child 的行为取决于 parent 的行为。

componentDidMount() 在组件安装后立即调用。子组件的componentDidMount()方法在父组件之前调用。

如果您的父组件只是简单地重新渲染，那么子组件也应该简单地重新渲染，因为 componentDidMount() 在组件的生命周期中只被调用一次。