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

在React中成功执行post请求后，可以使用以下两种方式进行正确的重定向：

使用编程式导航（Programmatic Navigation）：通过使用React Router库中的history对象，可以在post请求成功后，使用history.push方法来进行重定向。这将使应用程序的URL发生变化，并导航到指定的页面。

例如，在post请求成功的回调函数中，可以使用以下代码进行重定向：

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

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

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

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

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

使用条件渲染（Conditional Rendering）：通过在组件的状态中设置一个标志位，当post请求成功后，根据这个标志位的值来渲染不同的组件或页面。

例如，在组件中定义一个状态isPostSuccessful来表示post请求是否成功，然后根据这个状态来进行条件渲染：

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>
    );
  }
}

在以上两种方式中，需要注意引入相应的库或组件，并按照具体场景进行适当的调整。此外，还需根据具体需求和业务逻辑来选择合适的重定向方式。