javascript - 通过根组件中的 React Context 传递 Redux 存储是否正确？

Question

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

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

我还看到了一个Stack Overflow关于 using 的有用问题React Context，这里是关于React ContextvsReact的，我的情况有些不同。

就我而言，我想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);

你可以在这里了解更多