react hooks子給父傳值

子給父傳值需要通過事件方法來傳值,這裡我們子組件是觸發了一個點擊事件傳值:

<Button onClick={()=>setshowregister(false)}>註冊</Button>

然後我們需要把props解構:

const {setshowregister} = props;

父組件中的子組件:

<Register show = {showRegister} setshowregister = {setShowRegister}></Register>

所觸發的方法這裡我們使用的是 usestate:

const [showRegister,setShowRegister] = useState(false)

這樣就實現了子組件中觸發了更改showRegister值,然後傳給父組件。

Tags: