首页 > 解决方案 > 从商店发货后获取数据

问题描述

我想在组件中的异步调度后获取我的商店数据,我想知道如何获得我想要的数据?

我的代码

import React from "react";
import Page from "./Page";
import CheckDetail from "./CheckDetail";
import Header from "./Header";
import { connect } from "react-redux";
import { startSetSymlinkCheck } from "../actions/checks";

class Symlink extends React.Component {
    componentDidMount() {
        console.log(this.props.match.params.token);
            this.props.startSetSymlinkCheck(this.props.match.params.token).then(res => {
              console.log(this.props.getCheckId);
        });
    }

    render() {
        return (
            <div className="route-container">
                <Header />
                <div className="page">
                    {/* <CheckDetail id={this.props.match.params.id} /> */}
                </div>
          </div>
        );
    }
}


const mapDispatchToProps = dispatch => ({
      startSetSymlinkCheck: token => dispatch(startSetSymlinkCheck(token))
});

export default connect(
    undefined,
    mapDispatchToProps
)(Symlink);

我想在 this.props.startSetSymlinkCheck 完成后获取数据并将其传递给 checkDetail

标签: javascriptreactjsreduxreact-redux

解决方案


添加 mapStateToProps 函数

function mapStateToProps(state, props) {
  console.log(state) //you should have some data here if redux is setup correctly
}

并将您的组件连接到它

export default connect(
    mapStateToProps,
    mapDispatchToProps
)(Symlink);

推荐阅读