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

Question

这是一个关于使用 react 和 react with redux 获取数据的更好方法的概念性问题。

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

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

所以我的问题是：

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

标签： reactjsredux

Answer 1

我同意 Miro J. 的评论。

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

在您的情况下，（似乎）您的两个组件都非常密切相关。

如果组件不是那么接近，但您仍然需要数据，您也可以在设置根 App 组件时加载数据。