react router 用hashHistory做路由 link组件跳转的时候 render会执行两次 怎么避免这个问题?

发布于 2022-09-04 09:11:54 字数 671 浏览 14 评论 0

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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

み青杉依旧 2022-09-11 09:11:54

render方法会执行不止一次,这要看他的组件数量和状态变化。

一个组件的装载只会执行一次componentDidMount,但是会执行多次render,因为他会执行多次componentDidUpdate,你可以在这个钩子函数里面console一下,有状态要更新或者组件装载他就会执行,render也会执行

那片花海 2022-09-11 09:11:54

你好,楼主,请问这个问题解决了么?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文