期望数组对象时从异步返回的对象承诺

Question

我有一个反应功能。在函数中，我正在使用异步离开在react函数中进行api调用。当我打电话时，我正在检查响应为200，然后重新发送数据对象。当我调用文件和控制台日志时，结果是Ojbect Promise。我想将其传递给我的一个子组件，该子组件可以显示数据，但它得到了对象承诺，因此无法呈现数据

我试图在调用函数时进行更改，但没有做任何事情。

useEffect(() => {
        const data = getFiles()

        console.log(data)
    })

    const getFiles = async () => {
        const response = await helpApi.getHelpFiles();
        // TODO: Handle failed request
        if (response.status !== 200) return;

        return response.data;
    };

    const files = getFiles();

这是子组件：

export const HelpTile: React.FC<HelpTileProps> = (props) => {
    const { data } = props;

    console.log(data)

    return (
        <div style={{marginBottom:'14px'}}>
            {/* <div className={styles.tile} data-element-id={name}>
                <span>({type})</span> 
                <span className={styles.tileTitle} style={{fontWeight:'bold'}}><a href={path}>{name}</a></span>
            </div> */}
            <div>{data}</div>
        </div>

    );
};

我想要的是一个数组对象，而我得到的是一个对象承诺。