I am new to redux with react.I don't know why below code contains 2 arrow function and the purpose of it.
export const loadName = () => (dispatch: any) => {
const name = localStorage.getItem('name');
dispatch(setName(name));
}
-
I think loadName is function without parameter which returns a function which accepts dispatch as parameter and its body is { const name = localStorage.getItem('name'); dispatch(setName(name)); }Pulkit Aggarwal– Pulkit Aggarwal2017-08-02 07:34:50 +00:00Commented Aug 2, 2017 at 7:34
-
Possible duplicate of Syntax of arrow functionsShubham Khatri– Shubham Khatri2017-08-02 08:50:58 +00:00Commented Aug 2, 2017 at 8:50
Add a comment
|
1 Answer
Basically it's a function returning another function, equivalent to:
export const loadName = () => {
return (dispatch: any) => {
const name = localStorage.getItem('name');
dispatch(setName(name));
};
};
2 Comments
shubham agarwal
We can do without arrow function within arrow function means with simple one arrow function. But why we use this.
Austin Greco
No real reason since it's not using
this I think -- it's just shorter to use an arrow instead of writing function, and allows you to write it in one line