How to fix vscode auto spacing issues in react code

Question

Im trying to save some data into a state using object keys in react,

Ex : setText(data[listname][0].feature-type;

But after saving the file it automatically adding a space between featute and type

Ex: setText(data[listname][0].feature - type:

As it is this will resulted as reference error.How to avoid this

Is feature-type a property? You need to access as a dictionary setText(data[listname][0]['feature-type']. Because there are some limitations to which names can be accessed with a dot (.). And since the property name contains hífen (-), it needs to be accessed as a dictionary. VSCode is formatting different then what you expect because you are giving it invalid syntax. — Leonardo da Silva
– Leonardo da Silva, Commented Apr 19, 2021 at 17:50

Leonardo da Silva · Accepted Answer · 2021-04-19 18:09:10Z

1

As commented, this is the solution if feature-type is a property of the object you are trying to access:

You need to access it as a dictionary setText(data[listname][0]['feature-type'].

Because there are some limitations to which names can be accessed with a dot (.). And since the property name contains hífen (-), it needs to be accessed as a dictionary. VSCode is formatting different then what you expect because you are giving it invalid syntax.

You can look at this answer: https://stackoverflow.com/a/29888297/8633918 for more details.

answered Apr 19, 2021 at 18:09

Leonardo da Silva

1,5452 gold badges15 silver badges31 bronze badges

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

Collectives™ on Stack Overflow

How to fix vscode auto spacing issues in react code

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related