在React中成功执行post请求后，正确的重定向方式是什么？

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

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

  const handlePostRequest = () => {
    // 执行post请求
    // ...

    // 请求成功后进行重定向
    history.push('/new-page');
  };

  return (
    <button onClick={handlePostRequest}>提交请求</button>
  );
}

import React, { useState } from 'react';

function MyComponent() {
  const [isPostSuccessful, setPostSuccessful] = useState(false);

  const handlePostRequest = () => {
    // 执行post请求
    // ...

    // 请求成功后设置标志位为true
    setPostSuccessful(true);
  };

  // 根据标志位的值进行条件渲染
  if (isPostSuccessful) {
    return <Redirect to="/new-page" />;
  } else {
    return (
      <button onClick={handlePostRequest}>提交请求</button>
    );
  }
}