How to cancel the redirect to the main page?

Question

JavaScript

It is necessary that after submitting the form, if the function responds negatively, no redirect occurs, and if it is positive, it does. By default, a redirect always occurs. How can this be implemented?

Answer 1

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

......

state = { shouldRedirect: false, error: null }

onSubmit = () => {
  const response = /* ..... true | false */ 
  this.setState({ 
    shouldRedirect: response,
    error: response ? null : 'Something wrong!'
  })
}

render() {
  if (this.state.shouldRedirect) return <Redirect to="/" />

  return (
    { this.state.error && <div className="error">{this.state.error}</div> }
    .......
  )
}