Question

我正在搭建大型React应用程序。实际上，这是一个高级的管理面板，我想使用Redux处理应用程序的全局state，并使用Redux Saga进行异步操作。

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

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

在我的情况下，我想使用Redux控制应用程序的全局state（例如login，全局数据等），然后使用{{1}将这些数据传递给所有组件树}，这是正确的方法吗？有没有更好的杠杆方式？

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存储的正确方法吗？

1 个答案: