疑似react呼叫了未渲染的元件裡的方法

2021-09-03 10:26:16 字數 471 閱讀 5442

需求:

列表需要實現上拉重新整理,個別不需要重新整理的列表則不需要上拉重新整理功能

實現:在列表元件中增加乙個 名為「more」的元件,此元件實現上拉重新整理功能。具體實現方式為:在more元件內部監聽滾動條事件,當滾動條到達頁面底部時,載入新的資料並將新的資料新增進列表。不過需要做一步元件渲染判斷,當列表不需要重新整理功能時不渲染元件,需要此功能時再渲染此元件。

解決思路:

先開啟chrome控制台,檢視more元件在未被需要時是否仍被渲染。

檢查結果為正常,在未被需要時,元件沒有被渲染

檢查anroid手機是否出現此情況

檢查結果為正常,android手機並未出現此情況

將目標鎖定ios

得出暫時的結論:「 出現此情況有可能是。為**問題呼叫了未渲染的元件裡的方法。」

重新整理react元件生命週期概念。

發現未渲染的元件完全不可能被呼叫元件內部的方法。

結論:

react 在乙個元件中呼叫別的元件中的方法

先介紹一下要解決的問題 react中乙個元件a和乙個元件b,其中b是被connect connect是redux中的方法 包裝過的元件,包裝成bcontainer,a和bcontainer的關係是兄弟關係,在同乙個父元素下渲染。現在我們要在點選a的時候呼叫b中的方法 解決思路 主要是用到ref獲取b...

react 父元件呼叫子元件的方法

1.父元件內的 onref e this.modal e 新增 add e this.modal.showmodal 步奏分析 父元件給子元件傳入乙個onref方法過去。接受子元件反饋的引數e,把接受到的值賦予給,this.modal這時就可以呼叫子元件的乙個方法叫showmodal 方法。2.子元...

react父元件呼叫子元件的方法

1.使用refs來調 react16.3以前的方法 首先父元件裡呼叫子元件的地方,給子元件傳個屬性 ref fromfather 然後在父元件呼叫this.refs.fromfather.子元件方法 var hellomessage react.createclass render function...