如何一次从多个 url 获取数据 useffect 和 promise.all

Question

我有一个从 React 中的端点获取数据的函数。

  useEffect(() => {
    async function onLoadCreateUnitTests() {
      const results = await get('get_tables_autocomplete/b', user.user)
      autoComplete.setTablesAutoComplete(results)
    }

    onLoadCreateUnitTests()

  }, [])

这只是在自动完成时显示值。

我还希望能够从此端点获取数据

'/api/get_all_test_types'

我也在尝试使用 promise.all，我想将获取所有测试类型存储在一个数组中。

Answer 1

Promise.all 采用一个 promise 数组，returns 一个 promise，当数组中的所有 promise 都解析时，该 promise 解析为已解析值的数组。然后你可以像这样等待那个外在的承诺：

const [result1, result2] = await Promise.all([
  get('get_tables_autocomplete/b', user.user),
  get('/api/get_all_test_types')
]);

如何一次从多个 url 获取数据 useffect 和 promise.all

How to fetch data from multiple urls at once useffect and promise.all

reactjs

use-effect