question has been asked before,但我找不到令人满意的答案。
我正在构建一个React应用,其中我基本上需要三个路线:
/add
是一种添加状态的对象的形式,即地图上的一个点(具有名称,描述,坐标等属性)/edit/:id
是一种表单,用于编辑ID为:id
的对象/
渲染包含所有点的地图我正在使用react-router处理路由,并使用Firebase保持状态。
我能想到的唯一方法是基本构建三个不同的应用程序Add
,Edit
和Map
,并在Firebase上为每个应用程序获取状态。
会有更好的方法吗?要在这些组件之间共享状态以减少对Firebase的调用次数?
最理想的state would live in a common owner component,但我希望隔离页面。
解决方案可能位于Thinking in React的本要点:
如果找不到拥有状态的有意义的组件,请创建一个仅用于保存状态的新组件,然后将其添加到公共所有者组件上方的层次结构中。
但这对我而言具体意味着什么?