javascript - React 和 React Native 意义上的父组件和子组件是什么意思？

Question

我是 React 和 React Native 的新手，正在尽我最大努力学好它。在学习过程中，我来到了props and state课，但有一件事让我感到困惑，那就是父组件 和子组件。

当我们在 React 或 React Native 中创建组件时，它是这样创建的:

export default class myApp extends React.Component{
    render(){
        return(
            // Do something ...
        );
    }
}

就是这样。那么，为什么人们说父组件和子组件等等。 React.Component 是父组件还是 myApp 是子组件。父组件和子组件如何通过props 和状态 进行通信。可以请有人用简单的语言和几个例子来解释，我会很高兴。

谢谢!!!

Answer 1

在 React.js 和 React Native 中，您使用组件渲染 UI。假设您要构建一个 House 组件。但首先，您要构建一组不同的组件，这些组件将用作构建 block ，例如 Door、Wall 和 Window 组件。然后，您将在 House 的 render 函数中使用这些组件来渲染它。此示例中的这些构建 block 组件是子组件，House 组件是它们的父组件。

附带说明一下，这个概念最初来自 DOM，尽管您在 DOM 中谈论的是节点(父节点等)而不是组件。