在redux操作中获取什么都不做

Question

我正在尝试重构我的应用程序，以便它与redux一起使用。我有一个redux动作，其中第一个console.log产生输出（下面的第3行显示了api url）。没有看到其他输出。似乎没有被称为捕获（我测试了它）。

fetch似乎什么都不做。但是，当它在componentWillMount中的原始位置（重构之前）时，fetch代码片段仍然有效。

我的抓取有什么问题？感谢您的任何帮助！

export function getPlatzBelegungen(court, day1, day2) {
  const url = HOSTNAME + "/intern/api/platz.php?op=ra&p=" + court + "&ds=" + day1 + "&de=" + day2;
  console.log(url);
  
  return function(dispatch) {
    return fetch(url)
    .then(result => {
      if (result.ok) {
        console.log("###>>> result.ok");
          return result.json();
        } else {
          throw new Error('Fehler beim Laden der Platzbuchungsdaten');
        }
    })
    .then(result => {
        console.log("###>>> courtData berechnen");
        let courtData = result.records.map ( r => {
        let k = r.id;
        let cn = computeBelClasses (r.starts_at, r.ends_at);
        console.log("PLATZ:" + r.court)
        let spieler = 
            r.p1 
          + (r.p2 ? ', ' + r.p2 : ' ') 
          + (r.p3 ? ', ' + r.p3 : ' ') 
          + (r.p4 ? ', ' + r.p4 : ' ');
        return ( 
          <Link key={k} to={'/belegungsdetails/' + r.id}>
            <div key={k} className={cn}>
              <strong>{r.starts_at.substring(11,16)} </strong>
              {spieler}
            </div>
          </Link>
        )
      })
      dispatch({ type: BELEGUNGEN_LOADED, payload: courtData });
    })
    .catch(
      dispatch({ type: BELEGUNGEN_LOAD_FAILED, payload: [] }));
  };

};

Answer 1

我想你的fetch可能会有一些错误。你的catch部分需要将一个函数传递给它。喜欢

.catch(error => {
    dispatch({ type: BELEGUNGEN_LOADED, payload: courtData });
});