Ссылка на повторный рендеринг компонента

Question

Я использую свойство React Link to = "" .У меня есть URL-адрес, как показано ниже.

http://localhost:3000/work/109

После нажатия на ссылку, он успешно собирается, как показано ниже, но не повторный рендеринг компонента снова.

http://localhost:3000/work/107

Ниже приведен мой файл, где я использую реагирующий маршрутизатор

import React from 'react';
import { Route, Redirect } from 'react-router-dom';

export const RouteWithSubRoutes = route => (
 <React.Fragment>
   <Route exact path="/" render={()=>(<Redirect to="/home" />)}/>
   <Route exact path={route.path} render={props => (
   <route.component {...props} routes={route.routes} onOpenNav={route.onOpenNav}/>
 )} />
 </React.Fragment>
);

Есть ли какое-либо другое свойство React?, который я не использую.

Примечание: я собираюсь на тот же URL, но с идентификатором diffrence.

Answer 1

вы должны использовать 'response-router' params в вашем Route пути к компонентам.также таким образом новые параметры будут отправляться вашему компоненту после нажатия на Link компонента.

вы можете проверить this.props.match.params, чтобы убедиться, что он получает обновление.

затем, так как вы хотите, чтобы компонент повторнорендер вы должны использовать getDerivedStateFromProps, чтобы получить новое значение и установить его в ваше состояние.