Consumir uma API do react separando por funções

Component.js

import React, { useState, useEffect } from 'react';
import ReactDOM from 'react-dom';

/* Esta função pode estar em outro arquivo */
async function getDados(){
    let response = await fetch('/api/dados')
    let resposta = await response.json();

    return resposta;
}

function Component(){
  const [dados, setDados ] = useState([]);
    
    useEffect(() => {
        async function loadDados(){
            let _dados = await getFormatos();
            setFormatos( _dados ) );
        }
    
        loadDados();
    }, []);
  
  return (<div>{ /* Implementar renderização */ }</div>)
}