处理 CRUD 应用程序中的重复值错误（react-redux + express-mongoose）

Question

拥有mongoose 架构，其中carNumber 应该是唯一的：

var Schema = mongoose.Schema({
  createdAt: {
    type: Date,
    default: Date.now
  },
  carNumber: {
    type: String, index: {unique: true, dropDups: true},
  },
  carOwner: String
});

用express控制器功能数据保存到db：

export const addCar = (req, res) => {
  const newCar = new Car(req.body);
   newCar.save((err, car) => {
    if (err) {
      return res.json({ 'success': false, 'message': 'Some Error' });
    }
     return res.json({ 'success': true, 'message': 'Car '+ car.carNumber +' added successfully', car });   
  }) 
}

但在尝试添加重复值时返回Unhandled Rejection (TypeError): Cannot read property 'carNumber' of undefined。为避免错误函数更新为验证undefined值：

export const addCar = (req, res) => {
  const newCar = new Car(req.body);
   newCar.save((err, car) => {
     if (car.carNumber === undefined) {
           return res.json({ 'success': false, '': 'Some Error' });
      }
    else {
        return res.json({ 'success': true, 'message': 'Car '+ car.carNumber +' added successfully', car });   
       }  
  }) 
}

但是在前端 redux 操作中获得 Unhandled Rejection (SyntaxError): Unexpected token P in JSON at position 0 response.json().then(error => { ... }：

export const addNewCar = (car) => {
  console.log(car)
  return (dispatch) => {
    dispatch(addNewCarRequest(car));
    return fetch(apiUrl, {
      method: 'post',
      body: car,
    }).then(response => {
      if (response.ok) {
        response.json().then(data => {
          console.log(data.car);
          dispatch(addNewCarRequestSuccess(data.car, data.message))
        })
      }
      else {
        response.json().then(error => {
          dispatch(addNewCarRequestFailed(error))
        })
      }
    })
  }
}

感觉完全迷失在那里......可能有人陷入同样的​​问题吗？

Answer 1

正如 cmets 中所述，我认为您的 json() 上有 .then() 而不是 fetch()。你需要一些类似的东西：

export const addNewCar = car => {
  console.log(car);
  return dispatch => {
    dispatch(addNewCarRequest(car));
    return fetch(apiUrl, {
      method: "post",
      body: car
    })
      .then(response => {
        if (response.ok) {
          return response.json();
        } else {
          throw Error('blah')
        }
      })
      .then(data => {
        console.log(data.car);
        dispatch(addNewCarRequestSuccess(data.car, data.message));
      })
      .catch(error => {
        dispatch(addNewCarRequestFailed(error));        
      });
  };
};