在同级父组件之间共享状态

时间:2019-02-07 19:56:32

标签: reactjs

question has been asked before,但我找不到令人满意的答案。

我正在构建一个React应用,其中我基本上需要三个路线:

  • /add是一种添加状态的对象的形式,即地图上的一个点(具有名称,描述,坐标等属性)
  • /edit/:id是一种表单,用于编辑ID为:id的对象
  • /渲染包含所有点的地图

我正在使用react-router处理路由,并使用Firebase保持状态。

我能想到的唯一方法是基本构建三个不同的应用程序AddEditMap,并在Firebase上为每个应用程序获取状态。

会有更好的方法吗?要在这些组件之间共享状态以减少对Firebase的调用次数?

最理想的state would live in a common owner component,但我希望隔离页面。

解决方案可能位于Thinking in React的本要点:

  

如果找不到拥有状态的有意义的组件,请创建一个仅用于保存状态的新组件,然后将其添加到公共所有者组件上方的层次结构中。

但这对我而言具体意味着什么?

0 个答案:

没有答案
相关问题