在根组件中通过 React Context 传递 Redux 存储是正确的方法吗？

Question

我正在构建一个大型 React 应用程序。事实上，它是高级管理面板，我想使用 Redux 来处理全局 state 应用程序和 Redux Saga 来处理异步操作。

几天前我在 medium 上看到一篇文章，这是关于新的 React Context API，它很棒而且很有用。

我还看到一个有用的 Stack Overflow 关于使用 React Context 的问题，是关于 React Context 与 React 的，我的情况有些不同。

在我的例子中，我想使用 Redux 来控制应用程序的全局 state，如 login，全局数据等，并将这些数据传递给所有组件树 React Context，这是正确的方法吗？有没有更好的杠杆方式？

Answer 1

react-redux 在内部使用 context 将数据传递给组件。使用 redux，您可以使用 connect 并将数据提供给需要它的组件。没有必要为此目的使用上下文

例如你有一个 Admin 组件，你可以像这样向它传递状态值

import { connect } from 'react-redux';

class Admin extends React.Component {
    ...
}

const mapStateToProps = (state) => {
    return {
        isLoggedIn: state.isLoggedIn
    }
}

export default connect(mapStateToProps)(Admin);

你可以了解更多here

在根组件中通过 React Context 传递 Redux 存储是正确的方法吗？

Is it right way to pass Redux store via React Context in Root Component?

javascript

reactjs

redux

redux-saga

react-context