How React.js events are bound

< button onclick = {this.btn (data)} > Btn < / button >

/ / Why do you run this function
btn = (data) = > {console.log (data)}
/ / then
btn = (data) = > () = > {console.log (data)}

/ / however, when parameters are not passed
< button onclick = {this.btn} > Btn < / button >
/ / this is normal
btn = () > {console.log (111)}

* can you take a look at this for me if the bosses have time? https://mp.weixin.qq.com/s/rB...
I know this binding method only after reading this, saying that my original binding method is wrong, but I don"t understand why this binding function is written in this way. I am a rookie, and I hope the boss who is free can tell me more details

I"d like to ask the boss:
1: btn = (data) = > () = > {console.log (data)} what function is this?
2: can you explain the demo above for me?

React.js
Apr.28,2022

one point: the event binds the function , not the execution of the function . 

// 
btn = () => { console.log( 111 ) }
<button onclick = { this.btn }>Btn</button>

// 
btn = () => { console.log( 111 ) }
<button onclick = { this.btn( data ) }>Btn</button>

// btn
btn = ( data ) => () => { console.log( data ) }
<button onclick = { this.btn( data ) }>Btn</button>

-sharp-sharp-sharp higher order function-function Corialization

The return value of the

/ / function is still a function
let add = (x) = > (y) = > {return x + y}; add (1) (2);

is the same as the following method;
let add = function (x) {

return function(y){
    return x+y;
}

}; add (3) (4);

Previous: Freemarker operates word to generate documents with pictures that can be opened in office 2013. Pictures can not be displayed correctly, and you can do so in wps.

Next: The vue project is in ie11 and does not display the router-view view in App.vue. It is initially suspected that it is a vue routing problem.

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu