使用子组件更改父组件的状态？

Question

我正在使用 Material UI 的反应模态来制作作为我的子组件的模态，在父组件中，我声明了一个隐藏和显示模态的状态，以及模态中的一个按钮来关闭它。 但这似乎不起作用。

链接：-> https://codesandbox.io/s/eager-tereshkova-1yuhx?file=/src/childComponent.js

Answer 1

你作为道具传递了一个状态变量函数

<Popup open={showPopUp} hidepopup={changeShowPopUp} />

但需要传递你的handlePopup函数

<Popup open={showPopUp} hidepopup={handlePopup} />

Answer 2

您只是缺少对子组件的调用尝试将其添加到 onClick={() => props.hidepopup(false)}