问题描述: 在使用react-router-dom进行路由管理时,发现URL已经更改,但是页面视图没有更新,同时使用withRouter会导致无限刷新的问题。
解决方案:
npm install react-router-dom
来更新或安装。import { BrowserRouter } from 'react-router-dom';
ReactDOM.render(
<BrowserRouter>
<App />
</BrowserRouter>,
document.getElementById('root')
);
import { Switch, Route } from 'react-router-dom';
const App = () => {
return (
<div>
<Switch>
<Route exact path="/" component={Home} />
<Route path="/about" component={About} />
<Route path="/contact" component={Contact} />
</Switch>
</div>
);
};
import { Link } from 'react-router-dom';
const Navigation = () => {
return (
<div>
<Link to="/">Home</Link>
<Link to="/about">About</Link>
<Link to="/contact">Contact</Link>
</div>
);
};
import { useHistory } from 'react-router-dom';
const MyComponent = () => {
const history = useHistory();
const handleClick = () => {
history.push('/new-url');
};
return (
<div>
<button onClick={handleClick}>Go to New URL</button>
</div>
);
};
以上是解决react-router-dom URL已更改但没有视图更新的一般方法。如果问题仍然存在,请提供更多的代码和详细的错误信息,以便更好地帮助你解决问题。
推荐的腾讯云相关产品:
请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求进行评估和决策。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云