React 中的组件继承是什么？

继承是一个在面向对象编程中起主要作用的概念。这是一种允许对象具有先前对象上已经存在的属性的技术。

存在两个类是：

超类（父类）
子类（子类）

在 React 中，使用组合模型而不是继承，因此代码可以在组件之间再次重用。在反应扩展关键字是用过的关于主函数，即构造函数。通过使用 extends 关键字，您可以让当前组件具有现有组件的所有组件属性。组合模型通过传递 state 和 props 来使用超子类关系。子类段可以相互访问任何进展。

创建反应应用程序：

第 1 步：在终端/命令提示符下使用以下命令创建一个 React 应用程序：
```
create-react-app foldername
```
第 2 步：创建项目文件夹（即文件夹名称）后，使用以下命令移动到该文件夹：
```
cd foldername
```

项目结构：它将如下所示：

项目结构

在这里，您有两个组件，即AppComponent和ChildComponent ，子组件接管所有应用程序属性。

示例：现在在 App.js 文件中写下以下代码。在这里，App 是我们编写代码的默认（父）组件。在下面的代码中， this.state.message被传递给 ChildComponent。

App.js

import logo from './logo.svg';
import React from 'react';
import './App.css';
import ChildComponent from "./ChildComponent";
  
class App extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            message: " Geeks for Geeks message"
        };
    }
  
    render() {
        return (
            
                
            
        );
    }
}
export default App;

ChildComponent.js

import React from "react";
  
class ChildComponent extends React.Component {
    render() {
        const { message } = this.props;
        return (
            
               Message from App component : {message} 
            
        );
    }
}
  
export default ChildComponent;

现在在 ChildComponent.js 文件中写下以下代码。子组件接受所有应用程序组件属性。

ChildComponent.js

import React from "react";
  
class ChildComponent extends React.Component {
    render() {
        const { message } = this.props;
        return (
            
               Message from App component : {message} 
            
        );
    }
}
  
export default ChildComponent;

运行应用程序的步骤：从项目的根目录使用以下命令运行应用程序：

npm start

输出：

子组件访问的 App 组件属性