react-爷组件和父组件都要控制孙组件的显隐性，怎么写合适？

Question

如题，爷组件和父组件都要控制孙组件的显隐性，怎么来控制？

Answer 1

建议写成平级组件，这样只有一个prop，比较好控制。如果非要这么写的话，1、就在最外层（爷组件）定义孙组件的prop（默认false），传递给父组件，在父组件componentWillReceiveProps钩子里判定该prop是否有变化，根据这个变化修改父组件的state，传递给孙组件。2、父组件的控制和最外层组件无关，直接修改state就行。更好的办法就是用redux或mobx，就控制一个prop，完事。