前端技术总结

Redux-005-使用 Actions

2019-10-29  本文已影响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的导入地方和逻辑,还需要不断的理解;为什么要这样导入?

上一篇下一篇

猜你喜欢

热点阅读