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的导入地方和逻辑,还需要不断的理解;为什么要这样导入?