Async await或.then()为redux操作返回undefined

Async/await和.then()都是用于处理异步操作的方式，特别是在使用Redux进行状态管理时常见的操作。

Async/await是ES2017引入的一种语法糖，用于简化Promise的使用。它可以让异步代码看起来更像同步代码，提高代码的可读性和可维护性。使用async关键字声明一个函数，该函数内部可以使用await关键字来等待一个Promise对象的结果。

示例代码：

async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    return data;
  } catch (error) {
    console.error(error);
    throw error;
  }
}

fetchData()
  .then(data => {
    // 处理获取到的数据
  })
  .catch(error => {
    // 处理错误
  });

在上述示例中，fetchData函数使用async关键字声明，内部使用await关键字等待fetch函数返回的Promise对象。这样可以避免使用.then()链式调用的方式，使代码更加简洁和易读。

.then()是Promise对象的方法，用于处理异步操作的结果。它接收两个参数，第一个参数是成功回调函数，第二个参数是失败回调函数。当Promise对象的状态变为resolved时，会调用成功回调函数；当状态变为rejected时，会调用失败回调函数。

示例代码：

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => {
    // 处理获取到的数据
  })
  .catch(error => {
    // 处理错误
  });

在上述示例中，使用.then()方法链式调用，每个.then()方法接收上一个Promise对象的返回值作为参数。这样可以依次处理异步操作的结果，使代码更加清晰和可控。

总结： Async/await和.then()都是用于处理异步操作的方式，它们在Redux操作中常用于处理异步的action和异步的reducer。使用Async/await可以使异步代码更加简洁和易读，而使用.then()则是Promise对象的标准用法。具体使用哪种方式取决于个人的编码习惯和项目需求。

腾讯云相关产品和产品介绍链接地址：