是否可以从 async/await 中分离两个值 [任何解决方案]

Question

所以我一直在以不同的方式玩 promises 在这里我试图了解如何以不同的方式实现 promises 和 async/await 并且我遇到了困难我想要做的是转移这块代码（有效的）进入这个异步/等待，它很乱，对我不起作用 [原谅我的英语和我的代码编写]

完美运行

React.useEffect(() => {
    if (!pokemonName) {
      return
    }
    setPokemon(null);
    setError(null)
    fetchPokemon(pokemonName).then(
      pokemon => setPokemon(pokemon),
      error => setError(error),
    )
  }, [pokemonName])

没用

React.useEffect(() => {
            if (!pokemonName) {
              return
            }
            setPokemon(null)
            setError(null)
            async function effect() {
              const [result,error] = await fetchPokemon(pokemonName);
              if(error){
                return setError(error);
              }else{
                return setPokemon(result);
              }
            }
            effect()
          }, [pokemonName])

Answer 1

你可以将第一个sn-p转换成

React.useEffect(async () => {
    if (!pokemonName) {
      return
    }
    setPokemon(null);
    setError(null)
    try {
      setPokemon(await fetchPokemon(pokemonName));
    } catch (error) {
      setError(error);
    }
  }, [pokemonName])

使用await 的异步函数调用不会返回错误。它抛出错误。因此，您必须捕获潜在的错误。如果函数不能是async，您可以使用立即调用的函数表达式 (IIFE)

React.useEffect(() => {
    if (!pokemonName) {
      return
    }
    setPokemon(null);
    setError(null)
    (async () => {
      try {
        setPokemon(await fetchPokemon(pokemonName));
      } catch (error) {
        setError(error);
      }
    })();
  }, [pokemonName])