首頁猿問在線等，挺急的！如何避免react...

在線等，挺急的！如何避免react(dva.js)多次渲染？

JavaScript

皈依舞 2019-09-26 08:59:55

問題描述：當(dāng)在瀏覽器中刷新頁面時(shí)，如下示例代碼：classTestextendsComponent{constructor(props){super(props)this.state={}}componentWillMount(){//獲取所有活動(dòng)數(shù)據(jù)...code}render(){const{Test}=this.props;console.log(Test)return(這是一段測(cè)試代碼)}會(huì)發(fā)現(xiàn)在瀏覽器后臺(tái)打印出多次Test，其中前幾次多為空對(duì)象，那么應(yīng)該如何避免這種情況呢？

查看完整描述

2 回答

子衿沉夜

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超3個(gè)贊

shouldComponentUpdate是可以控制是否渲染更新的classTestextendsComponent{constructor(props){super(props)this.state={}}componentWillMount(){//獲取所有活動(dòng)數(shù)據(jù)...code}shouldComponentUpdate(nextProps){if(isEqual(nextProps.Test,this.props.Test){returnfalse}}render(){const{Test}=this.props;console.log(Test)return(這是一段測(cè)試代碼
)}

反對(duì) 回復(fù) 2019-09-26

守著一只汪

TA貢獻(xiàn)1872條經(jīng)驗(yàn) 獲得超4個(gè)贊

1、如果代碼結(jié)構(gòu)正確，這種多次渲染并不會(huì)存在問題（沒獲取到數(shù)據(jù)之前為空，得到數(shù)據(jù)再次渲染，正?，F(xiàn)象），當(dāng)然如果沒正確控制好代碼渲染，就會(huì)帶來各種bug2、如果想減少不必要渲染，使用shouldcomponenmtupdate

反對(duì) 回復(fù) 2019-09-26