元素与组件
创建元素
const div = React.createElement('div',...)
创建组件
const Div = ()=>React.createElement('div',...)
组件可以理解成,一个创建元素集合的模板,当前我可能不需要它生成什么东西,但我调用时,它能帮我生成我要的东西。在React中,组件的创建方式有两种,一种是类组件,一种是函数组件。二者在进行props读取时,也有不同。下面以+1实例来说明二者不同之处。
类组件
class A extends React.Component {
render(){
return <h1>Hello, {
this.props.name}</h1>;
}
}
+1示例代码:
import React from "react";
import ReactDOM from "react-dom";
import './styles.css';