共计 394 个字符，预计需要花费 1 分钟才能阅读完成。
最近在学 react, 遇到一个问题请教一下，假如组件都是用 function 定义的，如果页面的结构是这样的:
我想在 toolbar 中的一个 button 点击事件中获取 Grid 控件的值，该用什么方法实现呢。
按照以往非组件化的思路应该是直接获取到这个 grid 对象，在调用对应的 getValue 方法就可以了。
虽然组件支持传递回调函数，在 grid 内部，state 变化时调用回调函数，但是这样的话回调函数就要在 page 里面从 layout 传到 grid，感觉这种思路太不符合直觉了，因为 layout 和 some 组件根本就不应改有 callback 的 prop，如果 some 下面有 5 个组件，那就要传递 5 个 callback，太可怕了吧，并且多加一个组件就要去修改 some 的代码也是不对的。
后段 coder 最近在学前端，没用 react 做过项目，不知道遇到这种情况改怎么解决，有什么好的方法或者 lib 能够优雅的解决这个问题么。
正文完
