前端猛男的博客基础知识-类组件
类组件
- React 创建
类组件的方式就是继承React.Component且类组件里面必须包含render方法render方法里面返回需要渲染的 标签|内容
- 我们在
ReactDom.render方法里面构建类组件的时候， 不需要new这个类，只需要把这个类组件的类名变成标签就可以啦class App 变成 <App></App> | <App />
类组件用法
import React from 'react';
import ReactDom from 'react-dom';
<!-- 类组件必须继承React.Component -->
class App extends React.Component{
<!-- 必须包含render函数 -->
render(){
return <div> 我是App类组件 </div>
}
}
<!-- 只需要把类名变成标签 -->
ReactDom.render(<App></App>,ducoment.getElementById('root')) //写法一
ReactDom.render(<App/>,ducoment.getElementById('root')) //写法二注意事项
- 类组件最好首字母大写
- 只有唯一根标签 不能同级有多个根标签
- return 返回值 如果想要换行写 用
（）包裹