text: import React, { Component } from 'react'
  import { Button, TextField } from '@material-ui/core/'
  
  export default class formStep1 extends Component {
    constructor(props){
      super(props)
      this.state = ({
        occupation: "",
        state: "",
        pincode: ""
      })
    }
    componentDidMount() {
      this.setState({
        occupation: this.props.data.occupation,
        state: this.props.data.state,
        pincode: this.props.data.pincode
      })
    }
    back = () => {
      this.props.setData(this.state,1 )
    }
    next = () => {
      this.props.setData(this.state,3 )
    }
    onChange = (e) => {
      this.setState({
        [e.target.name]: e.target.value
      })
    }
  
    render() {
      return (
        <div>
          <form onSubmit={this.SubmitButton}>
            <div className='Form1' onChange={this.onChange}>
              <TextField
                label='Enter your occupation'
                variant='outlined'
                type='text'
                size='small'
                name='occupation'
                value={this.state.occupation}
              /><br /><br />
              <TextField
                label='Enter State'
                variant='outlined'
                type='text'
                size='small'
                name='state'
                value={this.state.state}
              /><br /><br />
              <TextField
                label='Enter Pincode'
                variant='outlined'
                type='text'
                size='small'
                name='pincode'
                value={this.state.pincode}
              /><br /><br />
              <div className="form-button">
                <Button
                  value="Submit"
                  variant='contained'
                  color='primary'
                  size='large'
                  onClick={this.back}
                >Back</Button>
                <Button
                  value="Submit"
                  variant='contained'
                  color='primary'
                  size='large'
                  onClick={this.next}
                >next</Button>
              </div>
            </div>
          </form>
        </div>
      )
    }
  }