React 组件 3 种方式

Tags
frontendreact
Created
Jan 30, 2018 9:40 AM

React.createClass(弃用), Class 和 Stateless Functional Component

推荐尽量 Functional Component,保持简洁和无状态。这是函数,没有 this 作用域,可以使用 pure function,组件的可测试性也非常高。

https://overreacted.io/zh-hans/how-are-function-components-different-from-classes/

function Hello(props){

return <div>Hello {props.name}</div>

}

Hooks:

在功能组件中使用 state:https://scotch.io/tutorials/5-ways-to-convert-react-class-components-to-functional-components-w-react-hooks

// useState, useEffect, useContext

SuperMade with Super