reactjs - React - 获取数据的最佳位置在哪里？

Question

这是一个概念性问题，涉及使用 React 和 Redux 进行 React 获取数据的更好方法。

我有一个名为UsersSelect的组件，它是一个显示用户信息的选择组件。目前，我正在获取此组件内的用户数据，以使其更具可重用性。

我还有一个 UsersTable 组件，它的功能与 UsersSelect 类似，有时，我将它们都呈现在同一屏幕上，这会导致两次相同的提取。为了避免这种情况，我将 redux-saga 与 takeLatest 一起使用。

所以我的问题是:

• 可以使用这个吗？
• 我应该将获取逻辑放在父组件上吗？类似于 UsersPage 组件？
• 还有其他更好的选择来简化这个过程吗？

Answer 1

我同意 Miro J. 的评论。

由于您在两个不同的组件中使用相同的数据，因此最好在父组件中获取数据并将其作为 props 传递给子组件。

就您而言，(看起来)您的两个组件都非常密切相关。

如果组件不是很接近，但您仍然需要数据，您也可以在设置根应用程序组件时加载数据。