在多个组件上,相同的模型/数据

时间:2018-10-21 14:42:34

标签: javascript node.js reactjs

我正在尝试使用React,node和mongo编写一个简单的仪表板。 注册和登录效果很好:)

因此,现在我想在用户名和其图片显示在顶部栏中。我从服务器通过Ajax将数据(名称和图片url)加载到Topbar组件中。好吧,太好了。

Soo,但是我需要用于其他许多组件的用户数据。 (朋友,通知等等)我不能在每个组件中都对我的服务器进行ajax调用吗?但是我不知道该怎么做。

我需要来自许多不同组件的同一模型的数据。

1 个答案:

答案 0 :(得分:0)

您可以使用上下文api或redux创建一个“全局”存储,并从组件层次结构的上层或下层的任何位置访问其中的任何数据,而不必在每个层次上传递道具。在redux中,您可以使用connect hoc访问此全局状态的任何部分。

More on redux

More on context api

Comparison of the two