通过道具将内部组件链接到外部状态

Question

我的HomePage包含ArticleList。

HomePage进行网络调用，以从网络中获取一系列文章。

然后将此数组添加到redux商店。

class HomePage extends React.PureComponent {
  componentDidMount() {
    dispatch(loadArticles()); // async network call to fetch articles
  }
  render() {
    <ArticleList articles={this.props.articles} />
  }
}

function ArticleList({articles}) { 
  return <div>articles.forEach(a => <Article value={a} />)</div>;
}

鉴于在this.props.articles呈现之后的某个时间才会填充HomePage，上面的连接（即<ArticleList articles={this.props.articles} />）是否有效，或者回调是否需要提供给ArticleList而不是？