如何 使用 redux-thunk 同时发起2个异步action？

Question

// 假设有2个数据接口
const getData1 = () => Promise.resolve('111');
const getData2 = () => Promise.resolve('222');

// action.js
const asyncAction1 = () => (dispatch) => {
   getData1().then((data) => {
     // 业务逻辑1...
     dispatch(data)
   })
}
const asyncAction2 =() => (dispatch) => {
   getData2().then((data) => {
     // 业务逻辑2...
     dispatch(data)
   })
}

// PageA.jsx
const handleGetAllData = () => {
  // 这里如何发起dispatch呢？再弄一个 asyncAction3把 1 和 2 包进去？然后 dispatch(asyncAction3)?
}
...
<Button onClick={handleGetAllData}>请求所有数据</Button>
...

Answer 1

两种解决方案
1.async
2.promise.all/promise.allsettled

Answer 2

博主，然后有个问题想问一下，在一个事件里，能同步 dispatch 两个 action 吗！？因为 JavaScript 是单线程的，第一个 action 会阻塞掉第二个 action，所以无法同步发送，但是我不知道理解的对不对，往解答