Аутентификация Laravel React - PullRequest
Новая
       27

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

0 голосов
/ 30 сентября 2019

Я новичок в реагировании, чего я пытаюсь добиться - это войти в систему с помощью компонентов реакции в laravel.

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

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

Laravel 5.8 ; нпм 6.4.1 ;react@16.2.0;react-dom@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

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

1 Ответ

0 голосов
/ 30 сентября 2019

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

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

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

...