如何更新在“react-router-dom”的路由上呈现的组件？

import { Route } from 'react-router-dom';
import Component1 from './Component1';
import Component2 from './Component2';

// ...

<Route path="/path1" component={Component1} />
<Route path="/path2" component={Component2} />

import { Route } from 'react-router-dom';
import Component1 from './Component1';
import Component2 from './Component2';

// ...

<Route path="/path1" render={() => <Component1 />} />
<Route path="/path2" render={() => <Component2 />} />

import { Route } from 'react-router-dom';
import Component1 from './Component1';
import Component2 from './Component2';

// ...

<Route path="/path1">
  {() => <Component1 />}
</Route>
<Route path="/path2">
  {() => <Component2 />}
</Route>