Optional parameter in Arrow Function

Question

I have a handler like

handleSelect = (k0, k1, v) => {
    ...
    }
};

And I want to make k1 here optional. Is there a good way?

Answer 1

There is no good way. This isn't specific to React or arrows.

A variadic function with optional parameter in the middle requires to parse arguments:

handleSelect = (...args) => {
  let k0, k1, v;
  if (args.length > 2) {
    [k0, k1, v0] = args;
  } else {
    [k0, v0] = args;
    k1 = 'default';
  }
  ...
};

This may result in obscure API. A better recipe for a function with several parameters some of which can be optional is to accept an object with options. A function doesn't depend on parameter order this way:

handleSelect = ({ k0, k1 = 'default', v }) => {
  ...
};