react笔记之学习之类组件

app.js

import React from "react";
 
/*
*   类组件必须要继承React.Component
*       相较于函数组件，类组件的编写要麻烦一下，
*           但是他俩的功能是一样的
* */
class App extends React.Component{
 
    // 类组件中，必须添加一个render()方法，且方法的返回值要是一个jsx
    render() {
        return <div>我是一个类组件</div>;
    }
}
 
// 导出App
export default App;

index.js

import ReactDOM from "react-dom/client";
import App from "./App";
 
 
const root = ReactDOM.createRoot(document.getElementById('root'));
 
// React组件可以直接通过JSX渲染
root.render(<App/>);