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

Question

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

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

我还看到了一个关于使用 React Context 的有用的 Stack Overflow 问题，Here关于 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