小编Mon*_*ldy的帖子

Flexbox - 将一行中的 2 个项目与下一行的第三个项目全宽对齐

我是连续三项。我想保留前两个项目占该行的 50% 50%,并将下一个第三个项目推到下一行并覆盖该行的 100%。

 .container {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
}

.div1, .div2 {
  flex: 0 0 50%;
}
.div3{ 
  flex: 1;
}
Run Code Online (Sandbox Code Playgroud)

html标记

<div class="container">
  <div class="div1"></div>
  <div class="div2"></div>
  <div class="div3"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

我想要的是前两个元素排在一起,第三个元素被推到下一行,覆盖 100%;

css flexbox

2
推荐指数
1
解决办法
5822
查看次数

Redux Saga - 如何在登录后调用多个操作

我想要做的是在登录应用程序后,我想在我的传奇中发送几个操作以获得总数。反馈和员工。有人可以帮助我了解如何做到这一点:-

登录传奇

function* loginSaga(action) {
  try {
    const userData = yield call(api.auth.login, action.payload);
    yield put(actions.loginUser(userData));

    //Save to localstorage
    localStorage.setItem("jwtToken", userData.token);
    //Set token to auth header
    setAuthToken(userData.token);
    //Decode token to get userData
    const decoded = jwt_decode(userData.token);
    //Set Current User
    yield put(actions.setCurrentUser(decoded));
    history.push("/review");
  } catch (err) {
    yield put(actions.loginUserErrors(err.response.data));
  }
}
Run Code Online (Sandbox Code Playgroud)

这是我的行动

//Complete login user
export const loginUserRequest = userData => ({
  type: actionTypes.LOGIN_USER_REQUEST,
  payload: userData
});

export const loginUser = userData => ({
  type: actionTypes.LOGIN_USER,
  payload: userData
});

export const loginUserErrors …
Run Code Online (Sandbox Code Playgroud)

reactjs redux-saga

1
推荐指数
1
解决办法
6896
查看次数

标签 统计

css ×1

flexbox ×1

reactjs ×1

redux-saga ×1