Javascript 反应路由器问题

嗨，我工作有困难

这是我的路线

import React, { Component } from 'react';
import Home from './Home';
import Add from './Add';
import { Router, Route, Link, IndexRoute, hashHistory, browserHistory } from 'react-router'
       export default (


<Router  history={browserHistory}>
  <IndexRoute component={Home}/>
      <Route path='/' component={Home} />
      <Route path='/add/' component={Add} />
      </Router>
      );

这里是App.js

import React, { Component } from 'react';
import routes from './route';
import { Router, Route, Link, IndexRoute, hashHistory, browserHistory } from 'react-router'

class App extends Component {
  constructor(props) {
    super(props);

  }


  render() {
    return (
<Router history={hashHistory}>{routes}</Router>
      );
  }
}

export default App;

这里是Add.js

    import React, { Component } from 'react';
import Header from './Views/Header';
import { Router, Route, Link, IndexRoute, hashHistory, browserHistory } from 'react-router'


import './styles/App.css';
import './styles/layout.css';

class Add extends Component {
    constructor(props) {
        super(props);

    }

    render() {
        return (
      <div className=" ">
       <Header />
            <h2> Add a cake </h2>
      </div>
            );
    }
}

export default Add;

我没有添加Home.js，因为Home可以正常工作

但当我点击“/add”时，url指向，但什么也没发生

你能帮忙吗

---

谢谢

问题是您正在App.js中的路由器中使用路由器，一个带有hashHistory，另一个带有browserHistory

将您的路线更改为

import React, { Component } from 'react';
import Home from './Home';
import Add from './Add';
import { Router, Route, Link, IndexRoute, hashHistory, browserHistory } from 'react-router'
export default (
    <Router  history={browserHistory}>
        <IndexRoute component={Home}/>
        <Route path='/' component={Home} />
        <Route path='/add' component={Add} />
      </Router>
      );

和app.js

import React, { Component } from 'react';
import routes from './route';
import { Router, Route, Link, IndexRoute, hashHistory, browserHistory } from 'react-router'

class App extends Component {
  constructor(props) {
    super(props);

  }


  render() {
    return (
         <div>{routes}</div>
      );
  }
}

export default App;

---

前面的人在干什么？“我猜你在用BrowserHistory，对吧？”罗兰不知道你的意思。如果您正在谈论的不是我设置的内容-而是我单击“/add”时url窗格指向的内容-是的，我使用的是browserHistory您可以删除额外的/here吗？即使我更改为它也没有帮助。我看到您使用的是hashHistory而不是browserHistory，您到底是如何导航添加的