react 如何控制路由跳转的时候，不刷新组件

React 中可以使用 React Router 实现路由跳转。在 React Router 中，可以使用 Link 组件或者编程式导航实现路由跳转。

如果想在路由跳转的时候不刷新组件，可以使用 React Router 中的 `push` 和 `replace` 方法进行编程式导航。

例如，使用 `push` 方法跳转路由时，可以在目标路由组件中接收到新的 props，但是不会重新渲染整个组件树。

import { useHistory } from 'react-router-dom';

function MyComponent() {
  const history = useHistory();

  const handleClick = () => {
    history.push('/new-route');
  };

  return (
    <button onClick={handleClick}>Go to new route</button>
  );
}

在上面的例子中，当用户点击按钮时，调用 `handleClick` 方法，使用 `history.push` 方法进行路由跳转。这样会加载新的路由组件，但不会刷新整个组件树。