React基礎語法05 改變this指向的3種方法

2021-09-29 13:50:58 字數 1051 閱讀 5113

使用this指向當前元件的三種方法:分別是在模板裡,在建構函式裡,在建構函式裡改變,推薦第三種,箭頭函式。

定義的資料

this.state =
方法

getdata()
模板

第一種獲取資料的方法
定義資料,建構函式

constructor() 

//第二種改變this指向的方法

this.getmsg=this.getmsg.bind(this);

}

方法:

getmsg()
模板

第二種獲取資料的方法
定義資料

//react定義資料

this.state =

方法:

getname=()=>
模板

第三種獲取資料的方法
import react,  from 'react';

//第二種改變this指向的方法--在建構函式裡面: 指定

this.getmsg=this.getmsg.bind(this);

}run()

getdata()

getmsg()

//第三種改變this指向的方法--在方法裡面:使用箭頭函式指向

getname=()=>

render()

第一種獲取資料的方法

第二種獲取資料的方法

第三種獲取資料的方法)}

}export default home;

02 React基礎語法(2)

一 條件渲染 語法 使用原生 js 的 if 或者 三元表示式 判斷 二 列表 key 語法 foreach 遍歷陣列map 修改陣列的資料,返回乙個 修改過 的陣列filter 過濾陣列的資料,返回乙個 新 的陣列find 找值findindex 找下標let newarr arr.map ite...

Python基礎語法05 函式模組

函式是組織好的,可重複使用的,用來實現單一,或相關聯功能的 段。函式能提高應用的模組性,和 的重複利用率。你已經知道python提供了許多內建函式,比如print 但你也可以自己建立函式,這被叫做使用者自定義函式。你可以定義乙個由自己想要功能的函式,以下是簡單的規則 任何傳入引數和自變數必須放在圓括...

Python基礎語法05 函式模組

函式是組織好的,可重複使用的,用來實現單一,或相關聯功能的 段。函式能提高應用的模組性,和 的重複利用率。你已經知道python提供了許多內建函式,比如print 但你也可以自己建立函式,這被叫做使用者自定義函式。你可以定義乙個由自己想要功能的函式,以下是簡單的規則 任何傳入引數和自變數必須放在圓括...