javascript - React-Redux mapStateToProps与传递父项 Prop

这可能只是一个幼稚的问题，但是我是React Redux的新手，我正在学习。

上下文:鉴于我有一个react-redux应用程序。在我的顶层组件中，我在底部:

function mapStateToProps({ auth }) {
  return { auth };
}

export default connect(mapStateToProps)(newComponent);

“auth”部分来自我的reducer index.js文件:

import { combineReducers } from "redux";
import authReducer from "./authReducer";

export default combineReducers({
  auth: authReducer
});

因此，现在该组件可以访问auth随附的所有数据，在我的应用程序中，该数据包含所需的所有用户信息。

随着我的应用程序变得更大，我意识到我需要来自authReducer的其他组件中的数据，这些数据比顶级组件低1或2层

我的问题是:将顶级组件与auth reducer连接，并将必要的信息传递给子组件是更好的做法吗？如果 child 100层向下访问authReducer所需的信息，我们仍会逐层向下传递它吗？

还是我们只是像上面一样将authReducer连接到需要它的每个组件？重复做会很昂贵吗？

最佳答案

该文档涉及有关此主题的最佳实践:link。相关部分: