Laravel React-аутентификация

Я новичок в реагировании, я пытаюсь добиться входа пользователя с использованием компонентов реакции в laravel.

https://github.com/000kelvin/laravel-react-authentication

Я последовал этому и установил все. Когда я запускаю этот проект, я, кажется, получаю сообщение об ошибке в отношении реквизита. Терминал попросил меня обновить реагировать и реагировать-дом, которые я уже обновил

Laravel 5.8; нпм 6.4.1; реакция@16.2.0; реакция-дом@16.2.1

import LoginContainer from './LoginContainer';
import {withRouter} from "react-router-dom";
class Login extends Component {
  constructor(props) {
    super(props);
    this.state = {
      redirect: props.location,
    };
  }
  render() {
    return (
      <div className="content">
        <LoginContainer redirect={this.state.redirect} />
      </div>
    )
  } 
}
export default withRouter(Login)

Router.js выглядит так:

import React from "react";
import { BrowserRouter, Link, Route, Switch } from "react-router-dom";

import Home from "./components/Home/Home";
import Login from "./views/Login/Login";
import Register from "./views/Register/Register";
import NotFound from "./views/NotFound/NotFound";

// User is LoggedIn
import PrivateRoute from "./PrivateRoute";
import Dashboard from "./views/user/Dashboard/Dashboard"; 

const Main = () => (
    <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/login" component={Login} />
        <Route path="/register" component={Register} />
        <PrivateRoute path="/dashboard" component={Dashboard} />
       <Route component={NotFound} />
    </Switch>
);
export default Main;

Отображение этой ошибки:

Предупреждение: неверный тип реквизита: недопустимый «компонент» реквизита, указанный в «Маршруте»: реквизит не является допустимым компонентом React в маршруте (созданный Testlog) в Testlog

Неперехваченное нарушение инварианта: недопустимый тип элемента: ожидалась строка (для встроенных компонентов) или класс/функция (для составных компонентов), но получено: > объект. Вероятно, вы забыли экспортировать свой компонент из файла, в котором он определен>, или вы могли перепутать импорт по умолчанию и именованный импорт.


person Sania Ishaq    schedule 30.09.2019    source источник
comment
проблема в вашем коде маршрута. Можешь и это опубликовать?   -  person Kais    schedule 30.09.2019
comment
Отредактировал мой пост, пожалуйста, проверьте сейчас! @каис   -  person Sania Ishaq    schedule 30.09.2019


Ответы (1)


попробуй использовать

<Route path="/login"  component={props => <Login {...props} />}/> 

в ваших маршрутах

person Kais    schedule 30.09.2019
comment
что означает этот {..props}? - person Sania Ishaq; 30.09.2019
comment
это необязательно, если вы хотите отправить какие-либо реквизиты компоненту из маршрута - person Kais; 30.09.2019
comment
Хорошо понял! Ну, это не сработало. У меня есть другая ошибка, позвольте мне также опубликовать ее. - person Sania Ishaq; 30.09.2019
comment
проблема с вашим экспортным компонентом. Является ли ./views/Login/Login правильным путем? Может быть, это просто ./views/Login. попытайся . - person Kais; 30.09.2019
comment
Нет, это каталог в представлениях, структура такая. Я также поделился URL-адресом git, вы можете проверить полный код со структурой там. - person Sania Ishaq; 30.09.2019