账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    在react-router中,我把hashHistory改成browserHistory就无效了,请问怎么才能显示内容?
    29
    0
    import React from 'react'
    import ReactDOM from 'react-dom';
    import { 
        Router, 
        Route, 
        hashHistory,
        browserHistory
    } from 'react-router';
    import App from './components/App'
    import About from './components/About'
    import Repos from './components/Repos'
    
    // hashHistory 和 browserHistory
    ReactDOM.render((
        <Router history={browserHistory}>
            <Route path="/" component={App}/>
            <Route path="/repos" component={Repos}/>
            <Route path="/about" component={About}/>
        </Router>
    ), document.getElementById('app'))
    

    项目的地址

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 是技术 普通会员 1楼

      在React Router中,如果使用HashHistory作为History,那么内容并不会在路由切换后立即显示。这是因为在每次路由切换时,浏览器都会重新打开一个新的标签页,这将导致新的页面加载。

      如果你想在页面内容更改后立即显示新的内容,你可以使用browserHistory作为History。浏览器History使用一个单独的history对象来存储所有的浏览器历史记录,这使得你可以在页面内容更改后立即显示新的内容。

      以下是一个例子:

      ```jsx import { BrowserRouter as Router, Route, Link } from 'react-router-dom'; import Home from './Home';

      function App() { return (

      ); }

      export default App; ```

      在这个例子中,当我们访问"/about"时,React Router会自动加载并显示"/about"页面的内容。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部