react hooks子给父传值

时间:2024-01-27 15:48:32

react hooks子给父传值

子给父传值需要通过事件方法来传值,这里我们子组件是触发了一个点击事件传值:

<Button onClick={()=>setshowregister(false)}>注册</Button>

然后我们需要把props解构:

const {setshowregister} = props;

父组件中的子组件:

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

所触发的方法这里我们使用的是 usestate:

const [showRegister,setShowRegister] = useState(false)

这样就实现了子组件中触发了更改showRegister值,然后传给父组件。