Problems with the combination of react router 4 and antd-mobile

problems with the combination of react router 4 and antd-mobile

for example:
antd"s bottom menu component https://mobile.ant.design/com., which puts the content to be rendered within the component tag

//
{this.renderContent("Life")}
{this.renderContent("Koubei")}
{this.renderContent("Friend")}
{this.renderContent("My")}

question:
I"m going to use react router 4 instead. Click the corresponding link below to jump to the corresponding component. What should I do?

<Link to="/life"></Link>
<Link to="/koubei"></Link>
<Link to="/friend"></Link>
<Link to="/my"></Link>
Mar.13,2022
Menu