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

react 怎么刷新页面?

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. 这些时候都可以手动调用 forceUpdate 自动触发 render//Sub.JS

classSubextendsReact.Component{

construcotr(){

super();

this.name="yema";

}

refChangeName(name){

this.name=name;

this.forceUpdate();

}

render(){

return(

{this.name}

);

}

}

App.JSclassAppextendsReact.Component{

handleClick(){

this.subRef.refChangeName("yemafuren");

}

render(){

return(

{this.subRef=sub;}}/>

click

);

}

}

来源: http://www.css88.com/qa/react/20330.html