Using immutability-helper in typescript and react

Question

I imported update from @types/immutability-helper. Now I want to push an item to the an array in a React's component state.

The syntax in index.d.ts file says:

interface UpdateFunction {
    (value: any[], spec: UpdateArraySpec): any[];
    (value: {}, spec: UpdateSpec): any;
    extend: (commandName: string, handler: CommandHandler) => any;
}

and UpdateArraySpec is

interface UpdateArraySpec extends UpdateSpecCommand {
    $push?: any[];
    $unshift?: any[];
    $splice?: any[][];
    [customCommand: string]: any;
}

does it mean I have to write 2 updates?:

this.setState(update(this.state, update(this.state.Markers, { $push: [info] })));

Or what?

Mahmood Dehghan Tazereh · Accepted Answer · 2017-07-08 05:15:05Z

2

This is the syntax that worked for me:

this.setState(update(this.state, { Markers: { $push: [info] } }));

This is not obvious from typescript definition file. But the docs says something like it.

answered Jul 8, 2017 at 5:15

Mahmood Dehghan Tazereh

8,3236 gold badges57 silver badges75 bronze badges

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

Collectives™ on Stack Overflow

Using immutability-helper in typescript and react

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