首页 > 其他分享 >#yyds干货盘点# 歌谣学前端之react笔记之学习之类组件

#yyds干货盘点# 歌谣学前端之react笔记之学习之类组件

时间:2022-12-10 14:32:00浏览次数:41  
标签:yyds React 歌谣 render App react 干货 组件 root

前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 微信公众号前端小歌谣

#yyds干货盘点# 歌谣学前端之react笔记之学习之类组件_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/>);

main.js

import React from "react";

/*
* 类组件必须要继承React.Component
* 相较于函数组件,类组件的编写要麻烦一下,
* 但是他俩的功能是一样的
* */
class App extends React.Component{

// 类组件中,必须添加一个render()方法,且方法的返回值要是一个jsx
render() {
return <div>我是一个类组件</div>;
}
}

// 导出App
export default App;

总结

我是歌谣 放弃很容易 但是坚持一定很酷

标签:yyds,React,歌谣,render,App,react,干货,组件,root
From: https://blog.51cto.com/u_14476028/5927580

相关文章