hashHistory无效

时间:2016-06-28 22:53:45

标签: reactjs routes react-router

我有React Project,反应路由器结构如下

var routes = (
    <Route path="/" component={ App }>
      <IndexRoute component={ Greeting }/>
      <Route path="user/:user_id" component={ Profile }>
      </Route>
      <Route path="playlists" component={PlaylistIndex}/>
      <Route path="playlists/:playlist_id" component={SinglePlaylist}/>
      <Route path="songs" component={SongIndex}/>
      <Route path="songs/:song_id" component={SingleSong}/>
    </Route>
);

document.addEventListener("DOMContentLoaded", function () {
  var container = document.getElementById("root");
  Modal.setAppElement(container);
  ReactDOM.render(
    <Router history={hashHistory}>{routes}</Router>,
    container
  );
});

但是,如果我尝试使用路径刷新或转到某个页面,它应该具有IE localhost:3000 / user / 1 ,它不会加载它应该的组件。当它有一个内置的默认历史支柱时,它与旧版本的react-router工作正常,但现在反应路由器已经完成了一些更新我需要使用hashHistory作为道具,但它似乎不起作用相同。任何帮助都是非凡的!

1 个答案:

答案 0 :(得分:1)

哈希历史使用#。它应该如下所示:localhost /#/ user / 1