我有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作为道具,但它似乎不起作用相同。任何帮助都是非凡的!
答案 0 :(得分:1)
哈希历史使用#。它应该如下所示:localhost /#/ user / 1