在React Router Dom中，如果我不按enter或刷新页面，重定向将不起作用

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

function MyComponent() {
  const shouldRedirect = true; // 根据条件判断是否需要重定向

  return (
    <div>
      {shouldRedirect && <Redirect to="/new-path" />}
      {/* 其他组件内容 */}
    </div>
  );
}

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

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

  function handleButtonClick() {
    history.push('/new-path'); // 手动导航到新的路径
  }

  return (
    <div>
      <button onClick={handleButtonClick}>重定向</button>
      {/* 其他组件内容 */}
    </div>
  );
}