Reactjs 如何从Redux Saga中选择状态
我有一个react应用程序,我正在创建一个单元,它需要授权Reactjs 如何从Redux Saga中选择状态,reactjs,redux,axios,token,redux-saga,Reactjs,Redux,Axios,Token,Redux Saga,我有一个react应用程序,我正在创建一个单元,它需要授权 function* createUnitWorker(action) { const { payload: {unitDetails, history} } = action; try { const unit = yield axios({ method: 'post', url: `https://myBackend/units/`, headers: {'Authori
function* createUnitWorker(action) {
const { payload: {unitDetails, history} } = action;
try {
const unit = yield axios({
method: 'post',
url: `https://myBackend/units/`,
headers: {'Authorization': 'Bearer'+token},
data: {
...unitDetails
}
});
yield put(call(createUnitSuccess, unit));
yield history.push(`/unit/${unit.code}`)
} catch (error) {
yield put(createUnitFailure(error));
yield put(history.push('/error'))
}
}
export function* createUnitWatcher() {
yield takeLatest(unitActionTypes.CREATE_UNIT_START, createUnitWorker);
}
我应该从组件发送令牌作为有效负载的一部分,还是应该从存储在saga?中的用户状态中选择令牌?。因为在我看来,选择令牌mapStateToProps然后将其与操作一起发送是很复杂的,因为我可以从saga中选择令牌,所以我建议使用axios,这样您就不必在发送的每个请求中手动添加令牌
const axiosInstance = axios.create({
baseURL: 'https://baseUrl.com',
headers: { "Content-Type": "application/json" }
});
axiosInstance.interceptors.request.use(function (config) {
config.headers.Authorization = 'Bearer'+token;
return config;
}, function (error) {
// Do something with request error
return Promise.reject(error);
});
这意味着您可以在每个传奇中使用axiosInstance,而不用担心令牌。大概是这样的:
axiosInstance.post('/units', payload);