如何在React / Redux中将当前用户ID分配给新创建的对象

时间:2019-03-06 00:56:09

标签: javascript reactjs redux react-redux

如何将当前用户的ID分配给新创建的对象?我已经测试了服务器,并且它似乎可以在后端正常运行,因此它肯定是我的React / Redux流的一个问题。

我目前正在表单上的提交处理程序中分配userId,然后将其传递给操作和reducer。我已经在这里复制了代码以进行澄清。

何时创建新对象时提交处理程序

  handleOnSubmit = event => {
    event.preventDefault();
    let newTeam = Object.assign({}, this.props.teamFormData, {
      author: this.props.auth.user.userId
    });
    this.props.createTeam(newTeam);
  };


操作

export const createTeam = team => {
  return dispatch => {
    return fetch(`${API_URL}/teams`, {
      method: "POST",
      headers: {
        "Content-Type": "application/json"
      },
      body: JSON.stringify(team)
    })
      .then(response => response.json())
      .then(team => {
        dispatch(addTeam(team));
        dispatch(resetTeamForm());
      })
      .catch(error => console.log(error));
  };
};

减速器

    case "CREATE_TEAM_SUCCESS":
      return state.concat(action.teams);

在此流程的某个地方,我的对象从React组件开始为userId分配失败。我是否应该考虑以其他方式进行此操作? 任何帮助将不胜感激。

0 个答案:

没有答案