How change object property value typescript?

Question

interface State {
    customerId: number,
    step: string
}

const data: State = {
    step: 'shipping',
    customerId: 123
}

const setData = (key: string, value: number) => {
    data[key] = value
}

setData('customerId', 555)

Im try change value of customerId but got error: No index signature with a parameter of type 'string' was found on type 'State'.

How i can set new value?

Tobias S. · Accepted Answer · 2022-05-20 11:16:01Z

1

You need to change the definition of setData to include a generic parameter K. K represents the key of State you are trying to modify. The type of value will be State[K]. This is how we can model a relation between the key and value parameter.

const setData = <K extends keyof State>(key: K, value: State[K]) => {
    data[key] = value
}

Playground

answered May 20, 2022 at 11:16

Tobias S.

24.3k7 gold badges37 silver badges64 bronze badges

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

Collectives™ on Stack Overflow

How change object property value typescript?

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