Question

我正在开发一个 react.js 应用程序，其中有两个组件，如附图所示。这是使这个解释更清楚的图片。 View Image

我有一个组件 ProfileScreen，其中包含三个要在小程序中呈现的组件。我在 ProfileScreen 组件中使用 {children} 关键字根据 Click 事件呈现多个组件。

<div className='mt-10 ml-10 mr-10'>
   <div className="flex-row-fluid ml-lg-8">
      {children}
   </div>
</div>

在 UpdateProfileScreen 组件中，我使用 ProfileScreen 如下：

<ProfileScreen>
    /*User Information here.*/
</ProfileScreen>

我从 Redux 存储中的 UpdateProfileScreen、UpdatePasswordScreen 和 SavedCardScreen 组件中获取用户信息。所以 ProfileScreen 只是为我提供了一个容器来呈现 UpdateProfileScreen、UpdatePasswordScreen 和 < em>SavedCardScreen。我想更多地使用 ProfileScreen，以便在该组件内呈现的其他组件也可以使用来自 ProfileScreen 的数据，而不是每个组件单独获取 userProfile 状态。如何将 userProfile 数据传递给每个组件？

谢谢。

Answer 1

您可以使用上下文 API 将 props 传递给可能深入组件树内部的任何子组件，这也将简化 props 钻取部分。您可以选择的文件：enter link description here

如何在嵌套的 React 功能组件中传递道具

1 个答案: