Как перенаправить успешный вход с Axios на другую страницу?

Я хочу успешно войти в систему, а затем перейти на другую страницу. Я искал и искал документ, использовал избыточность или компонент класса. (Я не использую избыточность.) Итак, я попробовал, не ответил.

function SignUp(){
  const [redirect, setRedirect]=useState(null);
  if (redirect){
    return <Redirect to = {Home}/>
  }
}

export function SignIn({url, id, password}){
    const data = {
      id,
      password,
    };
    const params=new URLSearchParams();
    axios(
      {
        url: url,
        method: 'POST',
        baseURL: ' ',
        data: data,
        params: {
          'id':data.id,
          'password':data.password,
        },
        headers: {
           //code
        },
      }
    )
    .then(function(response){
      if (response.data.response.result==200) {
        SignUp();
        console.info('success');
      }
    })
    .catch(function(error){
      console.info(error);
    })
}

Это первый код, который я попробовал.

.then(function(response){
      if (response.data.response.result==200) {
        <Route>
         <Redirect to = {{ pathname: '/DeviceManage', component:{Home}}}/>
        </Route>
        console.info('success');
      }
    })

Но не ответил. TT Спасибо за помощь в решении проблемы.!!

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
0
0
838
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Ваш код выглядит так, как будто он находится в контексте Javascript, а не JSX. Javascript не умеет интерпретировать JSX напрямую. Я предполагаю, что вы уже получаете ошибки Javascript. Почему бы не попробовать:

axios(
  ...
) .then( () => {
   console.info('success');
   window.location.href = '/DeviceManage';

}).catch( ... );

Другие вопросы по теме