react笔记之学习之类组件

简介: 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/>);
相关文章
|
11天前
|
前端开发 JavaScript
学习react基础(3)_setState、state、jsx、使用ref的几种形式
本文探讨了React中this.setState和this.state的区别,以及React的核心概念,包括核心库的使用、JSX语法、类与函数组件的区别、事件处理和ref的使用。
32 3
学习react基础(3)_setState、state、jsx、使用ref的几种形式
|
19天前
|
前端开发 JavaScript
react学习(13)props
react学习(13)props
|
11天前
|
前端开发
学习react基础(2)_props、state和style的使用
本文介绍了React中组件间数据传递的方式,包括props和state的使用,以及如何在React组件中使用style样式。
22 0
|
23天前
|
前端开发
react学习(7)
react学习(7)
115 45
|
11天前
|
XML JavaScript 前端开发
学习react基础(1)_虚拟dom、diff算法、函数和class创建组件
本文介绍了React的核心概念,包括虚拟DOM、Diff算法以及如何通过函数和类创建React组件。
15 2
|
18天前
|
前端开发
react学习(17)回调形式的ref
react学习(17)回调形式的ref
|
14天前
|
前端开发
react学习(22)高阶函数和函数柯里化
react学习(22)高阶函数和函数柯里化
|
19天前
|
前端开发
react学习(15)函数式组件中使用props
react学习(15)函数式组件中使用props
|
18天前
|
存储 前端开发 容器
react学习(18)createRef形式的ref
react学习(18)createRef形式的ref
|
19天前
|
前端开发
react学习(14)类式组件的构造器与props
react学习(14)类式组件的构造器与props

热门文章

最新文章

下一篇
无影云桌面