react 二 箭頭函式,函式遍歷，生命週期

遍歷陣列

使用map函式

map函式是對陣列的每一項進行操作，返回乙個新陣列，下面例子item為陣列中的每乙個元素，i為索引值,函式體需要返回值

data_list.

map(
(item,i)
=>
)

第一種 乙個引數  箭頭左邊為引數，箭頭右側為函式表示式

x=>
相當於function
(x)第二種 多個引數
(x,y)
=>
第三種 沒有引數()
=>
在函式中經常使用沒有引數的匿名函式，目的是為了使用this
,普通函式（不是生命週期函式）this是undefine
比如testfunction=(
)=>

變數設定

引數props 狀態state,如果使用next需要在生命週期函式中傳遞引數，只有執行階段的生命函式才有next引數，updaterender後面的生命週期函式引數是pre

設定狀態

在生命週期函式中使用

this

.setstate
()

在生命週期函式中使用

this

.props.變數名  or nextprops.變數名

箭頭函式寫法 箭頭函式

1 箭頭函式介紹 es6 let fn v v console.log fn 好酷的箭頭函式！好酷的箭頭函式！es5 let fn function v 和return省略掉 v v v 相當於 function v 和return v 和return時，如果返回的內容是乙個物件，物件需要用括號 括...

箭頭箭頭函式

var fn function a 一樣 jineng function 箭頭函式外面指向誰就指向誰 有function.console.log fn3 1 像函式表示式 this指向不變.不能作為建構函式 不能使用new 返回物件的話.外部用括號 var fn7 name asdfnasd age...

高階函式（箭頭函式）

箭頭函式顧名思義它有乙個箭頭 它是es6新增一種函式。arrow function 箭頭函式與匿名函式相像 箭頭函式 let fun x 匿名函式 let fun function x 箭頭數由兩種格式 例子 let fun x x 1 console.log fun 2 3這種只用於單條語句 例子...