Header组件的onClick调用其他组件的函数并渲染Reactjs

Question

我正在使用Reactjs进行分页，而我遇到的问题是，如果currentPage被更改，我将无法返回首页。

我的Body组件的代码结构如下：

componentDidMount() {
 .....
}
componentDidUpdate() {
 ....
}
onPageChanged() {
.... 
   this.setState({
        pageChanged: true,
        currentPage: currentPage //1,2,3...
   });
}

render(){
  return(..)
}

当我单击onePageChanged到“本国路线”时，它不反映任何内容。如果我单击Header，如何设置componentDidUpdate返回第一页？

我的Header组件：

<h1 className="site-title">
   <Link to={CelestialSettings.path}>My Website</Link>
</h1>

我正在考虑像这样在Header component上使用onClick：

<Link onClick={backhomepage()}>My Website</Link>

但我不知道如何使用。

有什么建议吗？非常感谢。