react hook發布也已經有幾個月了，相信有部分人已經開始使用了，還有些人在猶豫要不要用，可能更多人安於現狀，沒有要用的打算，甚至還有很多公司的react版本是15或以下的，迫於升級的難度沒有使用。以我個人的觀點，要不要使用react hook呢？
建議用的的人
- 項目react版本已經是react16了
- 新建的項目
- 一直對新技術保持關注，躍躍欲試的人
- 對函數式編程愛好的人
- 對react的componentDidMount，componentWillReceiverProps，componentDidUpdate厭煩，甚至因為重新渲染整天在頭疼的人
不建議用的人
- 對react hook極其厭惡，對react生命周期編程是非愛好的人。
- 只要你想，沒有不建議用的人，包括第一類人。
這只是我個人的建議，我現在用的周期也不長，我們的項目是react 16的，並且團隊里只有我自己在寫ract hook。幸好react hook和生命周期編程方式是完全兼容的。
那么其實react hook的特點和優點其實也顯露出來了。
1. 沒有了顯性的生命周期，所有渲染后的執行方法都在useEffect里面統一管理 2. 函數式編程，你不需要定義constructor，render，定義class 3. 某一個組件，方法需不需要渲染，重新執行完全取決於你，而且十分方便管理 4. 肯定還有我沒發掘的優點針對以上的特點優點我逐一說明，對於特別基礎的用法我就不大篇長論了，建議參考官網的說明文檔：react官網
1. 沒有了顯性的生命周期，所有渲染后的執行方法都在useEffect里面統一管理
上代碼(偽)：
function getData(id) { const [data, setData] = useState({}); useEffect(() => { const data = api.getData(id); setData(data); }, [id]); return <div>{data.name}</div> }這是根據id獲取數據顯示name的組件。
因為這個id是外部傳入的，在以前你需要再didMount，willReceiverProps里面去判斷是否傳入的和當前的不一樣，然后去獲取數據，但是這里就不用了。直接集成在useEffect里面。最關鍵的是第二個參數[id]。這個參數的意思是id變了才進入里面的方法執行，方然第一次必執行。當然我說的不全面，大致是這個意思，還有更復雜的場景，反正這種方式類似於監聽id，id變了就執行，這不就是我們的最終目的嗎？react以前分那么多周期其實就是處理這一件事情
2. 函數式編程，你不需要定義constructor，render，定義class
這個就不用多說了吧
function heihei() { const [count, setCount] = useState(0); return ( <div> {count} <button onClick={() => setCount(count + 1)}>增加count</button> </div> ) }no生命周期，no class，一切都是函數式編程
廣州品牌設計公司https://www.houdianzi.com PPT模板下載大全https://redbox.wode007.com
3. 某一個組件，方法需不需要渲染，重新執行完全取決於你，而且十分方便管理
這里主要講兩個方法，useMemo和useCallback
先看useCallback
之前如果我們在render中定義了一個方法：
render() {
const {data} = this.state; const filter = data.filter(e => e.id !== 5); ... }那么我們知道每次render都會執行filter這個方法，其實你是不是覺得當data沒變這個方法只要執行一次就好了，看看react hook怎么做的
function demo() { ... const filter = useCallback(() => { data.filter(e => e.id !== 5) }, [data]) ... }看懂了嗎？這個完全就是我之前提出來的思路啊，它把這個方法執行的結果緩存起來了！！！后面的[data]就是當data不變，也不會多執行。
同樣的道理，對於一個組件，用useMemo就好啦
const mainInfoMemo = useMemo(() => { return MAIN_INFO.map(e => ( <div key={e.key}><b>{e.label}</b>： {curSubject[e.key]} </div> )); }, [curSubject]);當curSubject不變，當你用這個組件的時候一直不會再次渲染。