箭头主体周围出现意外的块语句；在 `=>` 箭头体样式之后立即移动返回值 [重复]

Question

const loadUsers = () => {
  return function (dispatch) {
    axios
      .get(`${process.env.REACT_APP_API}`)
      .then((resp) => {
        console.log(resp);
        dispatch(getUsers(resp.data));
      })
      .catch((error) => console.log(error));
  };
};

我在上面的代码中遇到了这个错误。

Answer 1

如果箭头函数的块只有一个返回语句，您可以省略该块和return 关键字。根据您使用的 linter，您确实需要这样做：

const loadUsers = () => function (dispatch) {
  axios
    .get(`${process.env.REACT_APP_API}`)
    .then((resp) => {
      console.log(resp);
      dispatch(getUsers(resp.data));
    })
    .catch((error) => console.log(error));
};