猿问

React子组件如何高效改变兄弟组件的状态?

我在父组件传递了一个modalShowDom到子组件Sign组件中,用于管理三个弹窗的状态(显示/隐藏),如:

但这个组件中有关闭按钮,我的想法是从父组件传进来modalShow方法,点击关闭按钮调用

https://img.mukewang.com/5c77e132000166db09940062.jpg

但显示隐藏的状态是由兄弟组件Header控制的:
于是我在将父组件的modalShow方法也传给了Header

https://img.mukewang.com/5c77e13f0001039b06790078.jpg

Header和Sign都可以来控制Sign的状态了,
功能虽然是实现了,但感觉这个逻辑很麻烦,每次都要通过父组件来处理状态,如果逻辑多了传入的参数也多,可读性也不太好吧

开满天机
浏览 837回答 0
0回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答