Arrow function returning empty object then returns a function?

Question

I've searched elsewhere for what's going on here but I can't find a similar example.

export const validateToken = (token) => () =>
  api.user.validateToken(token);

Is this saying export a function that takes an object that should be the token, then return nothing? And then call validateToken function but pass in the initial token object?

What is the difference between this and:

export const validateToken = (token) =>
  api.user.validateToken(token);

And why, if I remove the extra () and => do I get an error :

Error: Actions must be plain objects. Use custom middleware for async actions.


12 | 
  13 | componentDidMount() {
  14 |   // pass token from route
> 15 |   this.props.validateToken(this.props.match.params.token);
  16 | }
  17 | 
  18 | render() {

I am clearly missing something important here. Any and all help appreciated.

arrows are right associative - in other words, it's the same as "(token) => (() => api.user.validateToken(token));" — ASDFGerte
– ASDFGerte, Commented Jul 27, 2018 at 17:48

sbrass · Accepted Answer · 2018-07-27 17:57:57Z

1

The function is actually returning another function. If you write it without the arrow syntax it might look a little more clear:

function validateToken(token){
    return function(){
        return api.user.validateToken(token);
    };
}

This is a common thing in functional programming. It's related to concepts like currying, where you partially apply parameters to a function to make new functions.

An example use would be something like:

let validate1=validateToken('abc');
validate1(); //=>output from api.user.validateToken('abc')

answered Jul 27, 2018 at 17:57

sbrass

9958 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Arrow function returning empty object then returns a function?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related