Question

从下面的代码中获取一条错误消息，提示Parsing error: Can not use keyword 'await' outside an async function，以执行Redux操作。

写这个的正确方法是什么？

export async function getData() {
  return (dispatch) => {
    try {
      const data = await API.graphql(graphqlOperation(query))
      dispatch({ type: "DATA_AVAILABLE", data: data.data.listData.items });
    } catch(err) {
      console.log('error: ', err)
    }
  }
}

Answer 1

您需要为async函数使用inner关键字

export function getData() {
  return async (dispatch) => {
    try {
      const data = await API.graphql(graphqlOperation(query))
      dispatch({ type: "DATA_AVAILABLE", data: data.data.listData.items });
    } catch(err) {
      console.log('error: ', err)
    }
  }
}

Answer 2

您也可以将await函数从返回函数中拉出，并将"INSERT_ORG_NAME"作为参数传递给dispatch函数。

getData

然后您将其命名为：

export async function getData(dispatch) {
  const data = await API.graphql(graphqlOperation(query))
  dispatch({ type: "DATA_AVAILABLE", data: data.data.listData.items });
}

如何解决解析错误：无法在异步函数外使用关键字“ await”

2 个答案: