Как перенаправить, когда обещание разрешается?

Question

Я пытаюсь реализовать функцию onClick(), которая, когда пользователь нажимает кнопку «Отправить», сохраняет информацию и переносит пользователя на другую страницу.Я пробовал несколько способов безуспешно.

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

<Button onClick={() => 
  saveUserData(this.props.selectedElement) // the promise is resolving
    .then(<Redirect to='/other_url' />)
  }>
  Submit
</Button>

Я также пробовал:

.then(() = > {<Redirect to='/other_url' />})

Answer 1

из https://reacttraining.com/react-router/web/api/Redirect вам нужно сделать <Redirect />, чтобы перейти к новому местоположению

Я бы сделал что-то вроде этого:

state = {
    redirect: false
  }

  handleClick = () => {
    saveUserData(this.props.selectedElement)
      .then(() => this.setState({ redirect: true }));
  }

  render () {
    const { redirect } = this.state;

     if (redirect) {
       return <Redirect to='/other_url' />;
     }

     return (
  ...

       <Button onClick={this.handleClick}>
           Submit
       </Button>

  ...
 )
}