When I try to use ``` ...``` decorator doesn't work

Question

I am trying to do this : setMyState(prevState=> {...prevState, name: e.nativeEvent.text });

While the console says src/components/addItem.js: Unexpected token And it doesn't work :( While using a js file .. I tried with .jsx too and same error :(. Also I found an answer here WebStorm error: expression statement is not assignment or call but it didn't solve my problem since when I run the app now it crashes exactly there ...

score 6 · Accepted Answer · answered Jul 23 '19 at 07:03

6

If you use an arrow function and want to return an object you need to wrap your object with (). If you don't use, arrow function thinks {} is the body block. So, try using:

setMyState(prevState=> ({...prevState, name: e.nativeEvent.text }));

answered Jul 23 '19 at 07:03

devserkan

16,870
4
31
47

Upsi ou are right .. my bad :D – Alessandro Jul 23 '19 at 07:07
@Alessandro Shouldn't it be `setMyState((prevState => ({...prevState, name: e.nativeEvent.text }))());` ? Why I feel it's only passing the function not the object that it's trying to produce? – Hao Wu Jul 23 '19 at 07:10
Oh nvm, both way works – Hao Wu Jul 23 '19 at 07:19
2

@HaoWu, this is how `setMyState` works here. It takes a function and returns something for the state as being updated. You don't need to invoke it. – devserkan Jul 23 '19 at 07:24

When I try to use ``` ...``` decorator doesn't work

1 Answers1