login页面警告

来源:15-5 Redux实战开发(2)

倚松听花语

2018-08-08

老师,进入login页面的时候,出现了这个错误。

路由都是按照课程说的写的,请问是哪里出了问题,该怎么解决呢?


补充:进入login页面的方法是手动修改网址。

//img.mukewang.com/szimg/5b6a76fe00011bd620060417.jpg

import React from 'react';
import { HashRouter as Router,Route,Switch,Redirect } from 'react-router-dom';
import App from './App';
import Login from './pages/login'
import Admin from './admin';
import Home from './pages/home';
import Nomatch from './pages/nomatch';
import Buttons from './pages/ui/buttons';
import Modals from './pages/ui/modals';
import Loadings from './pages/ui/loadings';
import Notice from './pages/ui/notice';
import Messages from './pages/ui/messages';
import Tabs from './pages/ui/tabs';
import Gallery from './pages/ui/gallery';
import Carousel from './pages/ui/carousel';
import FormLogin from './pages/form/login';
import FormRegister from './pages/form/register';
import BasicTable from './pages/table/basicTable';
import HighTable from './pages/table/highTable';
import City from './pages/city/index';
import Order from './pages/order/index';
import User from './pages/user/index';
import Common from './common';
import OrderDetail from './pages/order/detail';
import BikeMap from './pages/map/bikeMap';
import Bar from './pages/echarts/bar';
import Pie from './pages/echarts/pie';
import Line from './pages/echarts/line';
import RichText from './pages/rich';
import Permission from './pages/permission';

export default class IRouter extends React.Component{
render() {
return (
<Router>
<App>
<Switch>
<Route path="/login" component={Login}/>
<Route path="/common" render={()=>
<Common>
<Switch>
<Route path="/common/order/detail/:orderId" component={OrderDetail}/>
</Switch>
</Common>
}/>
<Route path="/" render={()=>
<Admin>
<Switch>
<Route path="/home" component={Home}/>
<Route path="/ui/buttons" component={Buttons}/>
<Route path="/ui/modals" component={Modals}/>
<Route path="/ui/loadings" component={Loadings}/>
<Route path="/ui/notification" component={Notice}/>
<Route path="/ui/messages" component={Messages}/>
<Route path="/ui/tabs" component={Tabs}/>
<Route path="/ui/gallery" component={Gallery}/>
<Route path="/ui/carousel" component={Carousel}/>
<Route path="/form/login" component={FormLogin}/>
<Route path="/form/reg" component={FormRegister}/>
<Route path="/table/basic" component={BasicTable}/>
<Route path="/table/high" component={HighTable}/>
<Route path="/city" component={City}/>
<Route path="/order" component={Order}/>
<Route path="/user" component={User}/>
<Route path="/bikeMap" component={BikeMap}/>
<Route path="/charts/bar" component={Bar}/>
<Route path="/charts/pie" component={Pie}/>
<Route path="/charts/line" component={Line}/>
<Route path="/rich" component={RichText}/>
<Route path="/permission" component={Permission}/>
<Redirect to='/home'/>
<Route component={Nomatch}/>
</Switch>
</Admin>
} />
</Switch>
</App>
</Router>
);
}
}


写回答

1回答

倚松听花语

提问者

2018-08-17

已经解决,打扰老师了。

https://coding.imooc.com/learn/questiondetail/74408.html

0
1
河畔一角
非常抱歉,这么晚回复您。根据错误提示,在组件没有挂载到dom之前,不能调用setState方法,比如willMount方法里面不能调用setState,因为dom还未挂载。
2018-08-31
共1条回复

React全家桶+AntD共享单车后台管理系统开发

React全家桶+AntD框架+大量前沿技术

1142 学习 · 495 问题

查看课程