React 定义组件的方式

React 定义组件的方式

第一种 (函数)

定义组件最简单的方式就是编写 JavaScript 函数：

function Welcome() {
 return (<h1>我是第一种方式定义</h1>);
}

第二种 (class)

1.React 的组件定义使用 ES6 class 类的形式，需要继承 React.Component。
2.如果使用 class 定义组件注意 render函数 返回写的虚拟dom。

import React ,{ Component } from "React";
class Welcome extends Component {
   render(){
   	return (<h1>我是第二种方式定义</h1>);
   }
}

总结：以上是React的定义组件的方式，一般编写React是都会使用 class 方式编写组件。