Question

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

获取似乎无济于事。但是，截取的获取代码在位于componentWillMount中的原始位置（重构之前）时有效。

我的提取有什么问题？谢谢您的帮助！

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

我想您可能在获取时有一些错误。您的catch部分需要将一个函数传递给它。喜欢

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

在redux动作中获取没有任何作用

1 个答案: