dummy.js

import React, { Component } from 'react';
import styled from "@emotion/styled";
import axios from "axios";
import Header from "../../components/Header";
const Container = styled.div`
  margin-top: 150px;
`;
class SubmitForm extends Component {
  state = {
    name: '',
  };
  /* This is where the magic happens 
  */
  handleSubmit = event => {
    event.preventDefault();
    const user = {
      name: this.state.name
    }
    axios.post('https://jsonplaceholder.typicode.com/users', { user })
      .then(res => {

        window.location = "/retrieve" //This line of code will redirect you once the submission is succeed
      })
  }
  handleChange = event => {
    this.setState({ name: event.target.value });
  }
  render() {
    return (
      <Container>
        <Header />
        <form onSubmit={this.handleSubmit}>
          <label> Person Name:
            <input type="text" name="name" onChange={this.handleChange} />
          </label>
          <button type="submit"> Add </button>
        </form>
      </Container>
    );
  }
}
export default SubmitForm;