javascript - Redux 表单和同构获取总是向服务器提交空白表单

Question

我有一个组件和一个用于add-user-form 的容器。以下是我容器中的逻辑。

import fetch from 'isomorphic-fetch';
import { reduxForm } from 'redux-form';
import AddUserForm from '../components/AddUserForm';

export const fields = ['first_name', 'last_name', 'email'];
export default reduxForm({
  form: 'add-user-form',
  fields,
  onSubmit(doc) {
    return fetch('/api/v1/users', {
      method: 'POST',
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
      },
      body: JSON.stringify(doc)
    });
  }
})(AddUserForm);

我这样做了as per the docs recommendation .然而，当它到达我的快速服务器时，它总是记录一个空白对象，尽管它在客户端被完全填充和正确。

// mounted on `/api/v1/users`
routes.post('/', function (req, res, next) {
  console.log(req.body) // => {}
  // ...
})

我在这里做错了什么？如何使用 isomorphic-fetch 将 json 从 redux 表单发送到服务器？

Answer 1

您可以使用 express 中间件主体解析器:

npm install body-parser --save

然后尝试一下:

const bodyParser = require("body-parser");
const app = express();
app.use(bodyParser.json());