Reactjs 拉威尔反应认证

我是react新手，我尝试使用laravel中的react组件实现用户登录

当我运行这个项目的时候，我似乎得到了关于道具的错误。 终端要求我更新我已经更新的react和react dom

Laravel 5.8； npm 6.4.1； react@16.2.0； 反应-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)

从“/LoginContainer”导入LoginContainer；
从“react router dom”导入{withRouter}；
类登录扩展组件{
建造师（道具）{
超级（道具）；
此.state={
重定向：props.location，
};
}
render（）{
返回(
)
} 
}
使用路由器导出默认值（登录）

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”导入React；
从“react router dom”导入{BrowserRouter，Link，Route，Switch}；
从“/components/Home/Home”导入主页；
从“/views/Login/Login”导入登录名；
从“/views/Register/Register”导入注册表；
从“/views/NotFound/NotFound”导入NotFound；
//用户是LoggedIn
从“/PrivateRoute”导入PrivateRoute；
从“/views/user/Dashboard/Dashboard”导入仪表板；
常量Main=（）=>(
);
导出默认主；

显示此错误：

警告：失败的道具类型：提供给的道具“组件”无效 “路由”：道具不是有效的React组件 路由内（由Testlog创建） 在测试日志中

未捕获不变冲突：元素类型无效：应为字符串（对于 内置组件）或类/函数（用于复合组件），但得到：>对象。您可能忘记了从组件定义的文件>中导出组件，或者您可能混淆了默认导入和命名导入

尝试使用

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

}/>

---

在您的路线中

路线代码有问题。你也可以发布吗？编辑了我的帖子，请现在查看@kaisw这{..props}意味着什么？如果您想从routeOk向组件发送任何道具，这是可选的！嗯，这不起作用。我还有一个错误，让我也发布一下。问题是你的导出组件。Is

/views/Login/Login

是正确的路径。可能只是

/views/Login

。试试看。不，它是视图中的一个目录。结构是这样的。我也共享了git url，你可以在那里用结构检查完整的代码。