Typescript Function Parameter Depends on Another Parameter

Question

I encountered an issue while trying to create a function to format options for dropdown.

This is the code in vanilla JS.

const formatOptions = (options, keyAsLabel, keyAsValue) => {
   return options.map(option) => {
    return {
      label: option[keyAsName],
      value: option[keyAsValue],
    }
   })
}

Currently, I have tried this code

const formatOptions = <T>(
  options: T[],
  keyAsLabel: T,
  keyAsValue: T
) => {
  return options.map((option, i) => {
    return {
      id: i + 1,
      label: option[keyAsLabel],
      value: option[keyAsValue],
    }
  })
}

But this code is giving error.

I want to make a strict type checking, but I have no idea how to make the second and the third parameter dependent on the first Parameter

Matija Sirk · Accepted Answer · 2023-01-16 10:36:00Z

2

Try using keyof:

const formatOptions = <T>(
  options: T[],
  keyAsLabel: keyof T,
  keyAsValue: keyof T
) => {
  return options.map((option, i) => {
    return {
      id: i + 1,
      label: option[keyAsLabel],
      value: option[keyAsValue],
    };
  });
};

answered Jan 16, 2023 at 10:36

Matija Sirk

1,0281 gold badge7 silver badges25 bronze badges

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

Collectives™ on Stack Overflow

Typescript Function Parameter Depends on Another Parameter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related