[译] React组件 是采用Functional 还是 Class编写 ?

在React里面有两种组件, Class components(类组件) 和 Functional components(函数式组件).两者有明显的区别,比如

• Class Components 是属于ES6的类
• Functional Components 是一个函数,它返回一个JSX组件

什么是Functional Components

先看一段代码:

function Hello(props){
   return <div>Hello {props.name}</div>
}

这是一个函数式组件(Functional Component), 它和类组件(Class Component)最关键的区别就是: 函数式组件没有state和一系列的钩子函数,这也是函数式组件经常被用作无状态组件的原因