Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?php
- Route::post('register','UserController@register');
- Route::post('login','UserController@login');
- Route::post('profile','UserController@getAuthenticatedUser');
- Route::middleware('auth:api')->get('/user', function(Request $request){
- return $request->user();
- });
- ?>
- import React, { Component } from 'react';
- import { register } from './UserFunctions';
- class Register extends Component {
- constructor() {
- super()
- this.state = {
- first_name: '',
- last_name: '',
- email: '',
- password: '',
- errors: {},
- }
- this.onChange = this.onChange.bind(this)
- this.onSubmit = this.onSubmit.bind(this)
- }
- onChange(e) {
- this.setState({ [e.target.name]: e.target.value })
- }
- onSubmit(e) {
- e.preventDefault()
- const newUser = {
- name: this.state.first_name + ' ' + this.state.last_name,
- email: this.state.email,
- password: this.state.password
- }
- register(newUser).then(res => {
- if (res) {
- this.props.history.push('/login')
- }
- })
- }
- render() {
- return (
- <div className="container">
- <div className="row">
- <div className="col-md-6 mt-5 mx auto">
- <form noValidate onSubmit={this.onSubmit}>
- <h1 className="h3 mb-3 font-wieght-normal">
- Register
- </h1>
- <div className="form-group">
- <label htmlFor="first_name">First Name</label>
- <input type="text" className="form-control" name="first_name" placeholder="Enter First Name" value={this.state.first_name} onChange={this.onChange} />
- <label htmlFor="last_name">Last Name</label>
- <input type="text" className="form-control" name="last_name" placeholder="Enter Last Name" value={this.state.last_name} onChange={this.onChange} />
- <label htmlFor="email">Email Address</label><br />
- <input type="email" className="form-control" name="email" placeholder="Enter Email" value={this.state.email} onChange={this.onChange} />
- <br />
- <label htmlFor="password">Desired Password</label><br />
- <input type="password" className="form-control" name="password" placeholder="Enter Password" value={this.state.password} onChange={this.onChange} />
- </div>
- <button type="submit" className="btn btn-lg btn-primary btn-block">Register</button>
- </form>
- </div>
- </div>
- </div>
- )
- }
- }
- export default Register
Add Comment
Please, Sign In to add comment