美文网首页前端技术总结
Redux-005-使用 Actions

Redux-005-使用 Actions

作者: 空乱木 | 来源:发表于2019-10-29 09:32 被阅读0次

    1- Action的定义
    import axios from 'axios';

    export const userSignupRequest = (userData) => {
    return dispatch=>{
    console.log(userData);
    return axios.post('/api/users',userData);
    }
    };

    2-引入SignupForm.js
    import {connect} from 'react-redux';
    import {userSignupRequest} from '../../actions/signupActions’;
    //userSignupRequest会自动加载到props的内容中

    onSubmit = (e) => {
    e.preventDefault();
    console.log("onSubmit====" + this.state);
    //TODO 请求从外部传递
    this.props.userSignupRequest(this.state);
    // userSignupRequest(this.state);
    }

    3- connect链接事件和控件
    export default connect(null,{userSignupRequest})(SignupForm);

    备注:
    我的理解是在应用action的地方进行诸如注入的处理,而不是在父控件中进行处理;

    Action的导入地方和逻辑,还需要不断的理解;为什么要这样导入?

    相关文章

      网友评论

        本文标题:Redux-005-使用 Actions

        本文链接:https://www.haomeiwen.com/subject/iykwvctx.html