Reactjs 如何从Redux Saga中选择状态

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

我有一个react应用程序,我正在创建一个单元,它需要授权

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