提取返回未定义的值，然后返回正确的值

Question

我正在尝试从API提取JSON对象，后来将其转换为JS数组以执行基于索引的操作。提取确实会成功返回一个对象，但在此之前它会返回undefined结果，这会破坏功能，因为undefined是传递给其他函数的第一个值。

我尝试使用异步函数，但是我必须接受我不完全理解这个概念，所以我不知道它是否应该存在。

  const [users, setUsers] = useState([]);

  async function fetchAPI() {
    await fetch("https://api.github.com/users")
      .then(response => response.json())
      .then(data => {
        setUsers(data); // set users in state
      });
  }

  useEffect(() => {
    fetchAPI();
  }, []);

然后我将该对象作为道具传递给另一个组件，并按如下方式在该组件中进行解析：

let users = JSON.parse(JSON.stringify(props.users));
console.log(users);

这是控制台日志：