react如何刷新当前页面_react 怎么刷新页面?

react 怎么刷新页面?

ab7653affab982b574eb7acc55df2e04.gif

react 项目中页面跳转, 刷新及获取网络状态// 页面跳转

Windows.location.href='http://speedtest.wangxiaotong.com/'

// 页面刷新

Windows.location.reload()

// 获取当前网络状态, 只能判断用户电脑有没有断网 (包括无线和有线), 有网为 true, 没有网为 false

navigator.onLine

react 强制页面刷新

在 react 中, state 和 props 数据更新, 就会重新 render, 但是当层级过深时, 可能就不会触发渲染, 这时候就要用到

this.forceUpdate();

说明:

默认情况下, 当组件的 state 或 props 改变时, 组件将重新渲染. 如果你的 render() 方法依赖于一些其他的数据, 你可以告诉 React 组件需要通过调用 forceUpdate() 重新渲染.

调用 forceUpdate() 会导致组件跳过 shouldComponentUpdate(), 直接调用 render(). 这将触发组件的正常生命周期方法, 包括每个子组件的 shouldComponentUpdate() 方法.

forceUpdate 就是重新 render. 有些变量不在 state 上, 当时你又想达到这个变量更新的时候, 刷新 render; 或者 state 里的某个变量层次太深, 更新的时候没有自动触发 render. 这些时候都可以手动调用 fo

你可能感兴趣的:(react如何刷新当前页面)