将数据从嵌套组件传递到React中的更高级别的组件

时间:2019-12-22 22:00:27

标签: reactjs redux

我正在一个React 16+项目中,该项目具有管理区域。长话短说,它具有以下结构:

<AdminWrapper.Provider>
 <AdminMenu />
 <PrivateRoute path={'/profile'} component={Profile} />
 .
 .
 .
</AdminWrapper.Provider>

如您所见,我正在使用Context在整个树中提供Auth对象,因此我可以设置私有路由。

在我的Profile组件内部,我正在对后端进行ajax调用,在这里我要获取profile对象,其中一个属性是自定义化身,用户可以自行设置。由于我正在进行oAuth身份验证,因此最初为用户分配了电子邮件地址,并且可以在此组件内的表单中添加其附加信息。

设置好结构后,我想到了在管理菜单(即AdminMenu组件)中也显示自定义头像的图片。

在这一点上,我正在努力选择哪种是重组我的应用程序的最佳方法,以便能够在整个管理区域中使用经过身份验证的用户的配置文件属性。

尽管此时考虑使用Redux模式,但另一方面,我还是试图通过将其封装在Profile组件中并绑定到其组件上来保持将表单数据封装在自己的组件中,就像我实际上所做的那样状态。

谢谢

0 个答案:

没有答案
相关问题