Spread operator error on react and typescript

Question

I have a function:

handleMarkerClick(targetMarker) {
    this.setState({
        markers: this.state.markers.map(marker => {
            if (marker === targetMarker) {
                return {
                    ...marker, //  error TS1136: Property assignment expected.

                    showInfo: true, // error TS1005: ',' expected.
                }; // error TS1135: Argument expression expected, error TS1005: ')' expected.
            }
            return marker; //  error TS1068: Unexpected token. A constructor, method, accessor, or property was expected.
        }), // Declaration or statement expected.
    });
}

and I see many errors:

Property assignment expected.
',' expected.
Argument expression expected.
You may need an appropriate loader to handle this file type. | exports.__esModule = true; | exports["default"] = PopUpInfoWindowExample; | return marker;

But when I delete '...' near 'marker' my function wasn't work correct.

I do this:

    handleMarkerClick(targetMarker) {
    this.setState({
        markers: this.state.markers.map(marker => {
            if (marker === targetMarker) {
                return {
                    marker, // delete ...
                    showInfo: true,
                };
            }
            return marker;
        }),
    });
}

Why? What I can do to get right function?

marker is an element of array (markers) - it's react-google-maps tomchentw.github.io/react-google-maps/basics/pop-up-window — Elena Semenova
– Elena Semenova, Commented Dec 26, 2016 at 1:29
Is targetMarker an array? What is expected result of marker === targetMarker and ...marker? — guest271314
– guest271314, Commented Dec 26, 2016 at 1:35
Can you please show us the line numbers (and corresponding line in your post) for each error you're receiving? — Rob
– Rob ♦, Commented Dec 26, 2016 at 1:36
targetMarker is a target marker (one) . marker === targetMarker - is a function to check clickable marker of markers array. — Elena Semenova
– Elena Semenova, Commented Dec 26, 2016 at 1:40

André Werlang · Accepted Answer · 2019-03-28 00:29:56Z

2

If marker is an object then instead of using the spread operator you can try using Object.assign(). Here's an example:

marker = Object.assign({}, marker);

edited Mar 28, 2019 at 0:29

André Werlang

5,9741 gold badge37 silver badges51 bronze badges

answered Feb 23, 2018 at 17:20

vlence

5354 silver badges9 bronze badges

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

Collectives™ on Stack Overflow

Spread operator error on react and 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