(REACTJS / LARAVEL) - Понимание того, как использовать API AUTHENTICATION

Question

Я новичок в ReactionJS и Laravel почти от 2 до 3 недель назад Разработка и понимание HTTP-запроса (Axios).

Сегодня я начинаю делать страницу входа, Выйти. Однако это так сложно для меня, и я не очень хорошо понимаю, как это работает с (SPA) ReactJS / Laravel аутентификацией Laravel.

Так что теперь.Я закончил оформление своей страницы входа в систему, и я уже поместил маркеры в каждый ввод

Вопросы:

1.Какую функцию или исследование я должен выполнить, чтобы завершить вход в систему?аутентификация.

2.Как использовать аутентификацию Laravel для ReactJS.потому что аутентификация laravel автоматически может войти.Однако, когда я использовал ReactJS с Laravel.Это другое.

Надеюсь, вы можете мне помочь .. Спасибо ..

Примечание:

Я уже имею доступ ко всем пользователям, которых я создал, к mysql, иТеперь у меня есть API-ссылка

API URL: / api / login_restful

Состояние и методы:

    constructor(props){

    super(props);

    this.state = {
        email: '',
        password: ''
    }

    this.onchangePassword = this.onchangePassword.bind(this);
    this.onchangeUsername = this.onchangeUsername.bind(this);

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


onchangePassword(e) {
    this.setState({
        password: e.target.value
    })
}

onchangeUsername(e) {
    this.setState({
        email: e.target.value
    })
}


handleSubmit(e) {
    e.preventDefault();

    axios.post('/api/login_restful',this.state).then(response => {

    });



}

Мой рендер:

    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.onchangeUsername}
                        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.onchangePassword}
                        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></br>
                    <button type="submit" className="btn btn-outline-primary btn-lg">Submit</button>
                    </div>
                </div>
            </form>
            </div>
        </div>
    )
}