React Hooks(鉤子)

一、使用hooks的理由

1.高階組件為了復(fù)用，導(dǎo)致代碼層級(jí)復(fù)雜（函數(shù)式組件可以緩解）

2.可以生命周期復(fù)雜的問題

3.因?yàn)閒unction組件是無狀態(tài)組件，因?yàn)樾枰獱顟B(tài)改成class成本高

二、hooks鉤子函數(shù)

1.useState（保存組件狀態(tài)）

用法：

（1）在空白的js文件中使用rfc創(chuàng)建一個(gè)基礎(chǔ)的函數(shù)式組件

（2）引入useState

import React,{useState} from 'react'

（3）useState的使用

const [state,setstate]=usestate(initialState)

state:代表初始值

setstate:改變初始值的唯一方法

initialState:代表傳入的初始值

例：

const [name,setName]=useState('張三')

const [age,setAge]=useState(18)

return <div>

{name}今年{age}歲了

<button onClick={()=>{

setName('李四')

setAge(20)

}}>改變name和age<button>

</div>

注意：函數(shù)式里沒有this