3

次のようなルーターがあります。

<Router history={browserHistory}>
        <Route path="/" component={App}>
        <IndexRoute component={Login} />
        <Route path="/#!login" component={Login} />
        <Route path="/#!first" component={First} />
        <Route path="/#!second" component={Second} />
        </Route>
  </Router>

そして、私は次のようなヘッダーコンポーネントを持っています:

class Header extends Component {
  render() {
    return (
      <div>
        <h3><Link to="/#!first">First</Link></h3>
        <h3><Link to="/#!second">Second</Link></h3>
      </div>
    )
  }
}

export default Header

ヘッダーをクリックFirstしても、そのリンクにリダイレクトされません..

反応と還元でハッシュベースのルーティングを実装するにはどうすればよいですか

4

1 に答える 1

1

を使用hashHistoryして、すべてのルートが履歴を認識できるようにします。代わりにこれを行います：

import { hashHistory } from 'react-router';

<Router history={hashHistory}>
    <Route path="/" component={App}>
        <IndexRoute component={Login} />
        <Route path="login" component={Login} />
        <Route path="first" component={First} />
        <Route path="second" component={Second} />
    </Route>
</Router>

次のようにリンクします。

<Link to="/first">First</Link>

あとはルーターに任せましょう。

于 2016-02-08T17:15:55.203 に答える