异步（）完成后，如何将结果抛出给react-props？

Question

它每次仅在超时包装器下有效   如何将其修复为良好的代码？（异步完成后抛出道具） 有没有redux-store的简便方法吗？也许使用诺言（如何？）

enter image description here 图片中的完整代码

let arr = [];

    const foo = async () => {//many code
arr.push(smth stuff);
};

render (
        < ArticleList articles = {arr} />,
        document.getElementById('root')
    )