Как перенаправить успешный вход с 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 Спасибо за помощь в решении проблемы.!!

Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
Что такое компоненты React? Введение в компоненты | Типы компонентов
Что такое компоненты React? Введение в компоненты | Типы компонентов
Компонент - это независимый, многократно используемый фрагмент кода, который делит пользовательский интерфейс на более мелкие части. Например, если мы...
Введение в одну из самых важных концепций в React - функциональное программирование.
Введение в одну из самых важных концепций в React - функциональное программирование.
React разработан с использованием концепции функционального программирования, поэтому понимание функционального программирования важно для изучения...
Руководство спасателя React по созданию масштабируемых приложений
Руководство спасателя React по созданию масштабируемых приложений
А, React. Это одна из самых популярных библиотек JavaScript. Ее любят за гибкость, простоту использования и, будем честны, за то, что она позволяет...
0
0
838
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

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

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

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

}).catch( ... );

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