时间戳

首页 > 解决方案 > React/redux 使用 post 请求更新数据库

javascript - React/redux 使用 post 请求更新数据库

问题描述

我正在尝试使用 react/redux 更新我的数据库，但我不知道如何更新。据我了解，可以使用获取发布请求来完成。我正在尝试在我的动作创建者中执行此操作，但我认为我缺乏对发布请求语法的整体理解。

如果我能得到一个使用 fetch 来使用发布请求的正确方法的例子，我会很感激，甚至是指向正确方向的链接。

标签： javascriptreactjsredux

解决方案

我从 Mozilla文档中获取了 fetch 示例：

export function postDataSuccess(response) {
  return {
    type: 'POST_SOMETHING',
    response
  };
}

export function postData(url, data) {
  return dispatch => {
    fetch(url, {
    body: JSON.stringify(data), // must match 'Content-Type' header
    cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
    credentials: 'same-origin', // include, same-origin, *omit
    headers: {
      'user-agent': 'Mozilla/4.0 MDN Example',
      'content-type': 'application/json'
    },
    method: 'POST', // *GET, POST, PUT, DELETE, etc.
    mode: 'cors', // no-cors, cors, *same-origin
    redirect: 'follow', // manual, *follow, error
    referrer: 'no-referrer', // *client, no-referrer
  })
  .then(response => dispatch( postDataSuccess(response.json()) ));
 }
}

然后在您的代码中，您可以在需要执行操作时使用 postData，并在减速器中侦听“POST_SOMETHING”操作。

推荐阅读