小编Mus*_*yan的帖子

React Router 4. 获取活动路由

我有代码

路由器.js

import React from 'react';
import {render} from "react-dom";
import history from './history';
import {Router, Route} from 'react-router'

import Main from "./main/component";
import Profile from "./profile/component";
import TextStatus from "./textstatus/component";
import ContactList from "./contactlist/component";

render((
  <Router history={history}>
    <Main>
      <Route
        path="/:user_name"
        component={Profile}
        component_id="Profile"
      />
      <Route
        path="/:user_name/status"
        component={TextStatus}
        component_id="TextStatus"
      />
      <Route
        path="/:user_name/contacts"
        component={ContactList}
        component_id="ContactList"
      />
    </Main>
  </Router>

), document.getElementById("main"));
Run Code Online (Sandbox Code Playgroud)

历史.js

import createBrowserHistory from 'history/createBrowserHistory'
const history = createBrowserHistory();
export default history;
Run Code Online (Sandbox Code Playgroud)

main/component.js //主布局

import React from 'react';
class Main extends React.Component …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-router

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

javascript ×1

react-router ×1

reactjs ×1