constructor (props) {
    super(props);
    var user = props.location.state;
    this.state = {
      selected: ''
    };
  }

  onChange = e => {
    this.setState({selected: e.target.value})
  }

    render() {
      return(
        <form onSubmit={this.handleSubmit}>
      <h1> Welcome! </h1>
      <h4> Are you a: </h4>
      
      <ul>
        <li>
          <label>
            <input
              type="radio"
              value="student"
              checked={value === "student"}
              onChange={this.onChange}
            />
            <h5> Student </h5>
          </label>
        </li>

        <li>
          <label>
            <input
              type="radio"
              value="professor"
              checked={value === "professor"}
              onChange={this.onChange}
            />
            <h5> Professor </h5>
          </label>
        </li>
      </ul>

      <button type="submit">Submit</button>
    </form>
      )
    
  }
}


  [1]: https://i.stack.imgur.com/DmU0W.png