react + redux组件间怎么通信?

1、用了react和redux后,把整个页面拆分成很多组件,发现好乱,感觉是不是用的方式不对?
2、比如我有如下组件:

List
|- Form
|- ViewBox
    |- ViewBoxTitle
    |- TableView
...

这样,我把List当成容器组件,然后比如我Form下有一个getBuilding的方法,我在ViewBoxTitle下也需要用到这个方法,这是我不知道改怎么办了,感觉文件好多,而且属性都要一层一层往下传,好烦,不知道你们是怎么处理的?

阅读 6.6k
3 个回答

既然你已经用了redux,那就可以使用redux来通信,把需要通信的react组件使用connect链接,接收信息的组件从store中取对应的数据,发布信息的组件修改store中相应的数据。

如果是父子间通讯,直接传props,但是如果关系层级较多,建议你在订阅一个全局事件来实现通讯,http://www.tuicool.com/articl...,这篇文章说的比较详细

我是这么做的:公共方法的话就写在公共组件中利于调用;同一个页面如果有两个tab页以上,我会写不同组件,关键在于命名要注意,不能太技术化;至于属性值,我习惯只传需要的,不会全部传到子组件

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题