React -Refresh按钮只刷新我页面的一部分

Question

所以我正在构建一个Web应用程序，其顶部包含一个静态标题，每个页面都有。我目前正在尝试找到一个可以刷新我正在使用的页面的函数/方法，而无需重新呈现标题。

基本上，我想点击“主页”按钮，它会刷新页面主页，但只有底部而不是标题。我已经尝试过location.reload但它会刷新我的整个页面。有没有办法只刷新页面的底部？

将刷新的按钮位于我的标题*

中

这是我的主要代码，让我的Header瘫痪：

Main.js

render(){
    return(

    <div className ="TextFont">
        <Header {...this.props}/>
            <div className="MarginTop">
                <Grid>
                    <LastVisit />
                    <Row className="show-grid MarginTop">
                        <ButtonGroup vertical >
                            <NewRequest  {...this.props}/>
                            <RequestInProgress  {...this.props}/>
                                <Grid>
                                    <Row className="show-grid">
                                        <Col sm={6} md={12}>{this.props.actions[0].showRequest &&  <RequestGrid {...this.props}/>    }</Col>
                                    </Row>
                                </Grid>                                 
                        </ButtonGroup>
                    </Row>
                </Grid>                       
            </div>
    </div>
    )
    }
   }
};

在Header中，我想使用按钮调用方法来重新渲染底部（所以在＆lt; Header ...＆gt;之后。

谢谢