Question

我想在组件中进行异步调度后获取我的存储数据，这会导致我如何获得所需的数据吗？

我的代码

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);

此操作后，我想获取数据。props.startSetSymlinkCheck完成并将其传递给checkDetail

Answer 1

添加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);

从商店分派后获取数据

1 个答案: