老师您好,react-router的问题和您请教下。

来源:7-3 登录页面的开发(2)

大王今天不巡山

2018-06-01

老师,不知道为什么匹配不到/users/add。GET http://localhost:8080/users/js/index.js 404 (Not Found)

import React from 'react'
import ReactDOM from 'react-dom'
import { BrowserRouter as Router, Route,Switch,Redirect } from 'react-router-dom'

class PrimaryLayout extends React.Component{
    render(){
        return(
            <div className="primary-layout">
                <header>
                    Our React Router 4 App
                </header>
                <Switch>
                    <Route path="/" exact component={HomePage} />
                    <Route path="/users/add"  component={UsersAddPage} />
                    <Route path="/user"  component={UsersPage} />
                    <Redirect to="/"/>
                </Switch>
            </div>
        )
    }
}

class HomePage extends React.Component{
    render(){
        return(
            <div>Home Page</div>
        )
    }
}

class UsersAddPage extends React.Component{
    render(){
        return(
            <div>Users Add Page</div>
        )
    }
}

class UsersPage extends React.Component{
    render(){
        return(
            <div>Users Page</div>
        )
    }
}



class App extends React.Component{
    render(){
        return(
            <Router>
                <PrimaryLayout />
            </Router>
        )
    }
}




ReactDOM.render(
    <App />,
    document.getElementById('root')
);


写回答

1回答

Rosen

2018-06-06

你的http://localhost:8080/users/js/index.js这个路径是有问题的吧,和你的router里的规则没什么关系

0
3
大王今天不巡山
非常感谢!
2018-06-14
共3条回复

React16+React-Router4 打造企业级电商后台管理系统

【毕设面试】让缺乏框架开发经验的你掌握框架开发

976 学习 · 405 问题

查看课程