Вход для аутентификации в ReactLaravel - PullRequest
0 голосов
/ 27 сентября 2018

Я начну кодировать Laravel Project с помощью React Js Framework (SPA).

Я сейчас на странице входа в систему и перестаю кодировать, потому что я не знаю, как использовать аутентификацию laravelс ReactJS Framework.

Вопрос.

  1. Как использовать аутентификацию Laravel Framework в реагировать на JS?
  2. Можно ли подключить аутентификацию Laravel к реагировать на JJ??

Мои методы:

constructor(props) {
    super(props);
    this.state = {
        email: '',
        password: ''
    }

    this.change = this.change.bind(this);
    this.handleSubmit = this.handleSubmit.bind(this);
}

onchangePassword(e) {
    this.setState({
        [e.target.name]: e.target.value
    })
}

onchangeUsername(e) {
    this.setState({
    })
}

handleSubmit(e) {
    e.preventDefault();
}

Мой JSX:

render() {
    return (

        <div>
            <div className="header">
                <div className="jumbotron">
                    <h1>Login</h1>
                </div>
            </div>
            <div className="container">
            <form onSubmit={this.handleSubmit}>
            <br></br><br></br>
                <div className="row">
                    <div className="col-md-3"></div>
                    <div className="col-md-6">
                    <div className="form-group">
                        <label htmlFor="exampleInputEmail1">Email address</label>
                        <input type="email"
                            name="email" 
                            onChange={this.change}
                            value={this.state.email}
                            className="form-control" 
                            id="exampleInputEmail1" 
                            aria-describedby="emailHelp"
                            placeholder="Enter email"/>

                        <small id="emailHelp" 
                            className="form-text text-muted">

                            We'll never share your email with anyone else.
                        </small>
                    </div>
                    <div className="form-group">
                        <label htmlFor="exampleInputPassword1">Password</label>
                        <input 
                            type="password" 
                            name="password"
                            onChange={this.change}
                            className="form-control" 
                            id="exampleInputPassword1" 
                            value={this.state.password}
                            placeholder="Password"/>
                    </div>
                    <div className="form-check">
                        <input type="checkbox" className="form-check-input" id="exampleCheck1"/>
                        <label className="form-check-label" htmlFor="exampleCheck1">Check me out</label>
                    </div>
                    <br/>
                    <button type="submit" className="btn btn-outline-primary btn-lg">Submit</button>
                    </div>
                </div>
            </form>
            </div>
        </div>
    )
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...