react router 用hashHistory做路由 link组件跳转的时候 render会执行两次 怎么避免这个问题?
react 生命周期的几个方法没问题 就在render里有问题
render () {
console.log(1) //页面刷新执行一次, 路由link to 到当前组件会执行两次
return (
<div>
<div className="header">
<IndexLink to="/" activeClassName="active">HOME</IndexLink>
<Link to="/details" activeClassName="active">DETAILS</Link>
<Link to="/test" activeClassName="active">TEXT</Link>
</div>
<div className="content">
hello,details
</div>
<div className="footer"></div>
</div>
)
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
render方法会执行不止一次,这要看他的组件数量和状态变化。
一个组件的装载只会执行一次componentDidMount,但是会执行多次render,因为他会执行多次componentDidUpdate,你可以在这个钩子函数里面console一下,有状态要更新或者组件装载他就会执行,render也会执行
你好,楼主,请问这个问题解决了么?