Is this setState({scale: 'c', temperature}) OK ?

Question

This demo code is from react docs , you could search this sentence on the page:

this.setState({scale: 'c', temperature});

I thought the simply object {...} should has it's members form as key-value pair , Why can this demo just have a value as a member of the object ?

When there is only the value, the key will automatically be the name of the variable, that is some es7 syntaxic sugar :) So in the end, you will have `{ scale: 'c', temperature: temperature }` — Icepickle, Jun 04 '18 at 07:11

score 2 · Accepted Answer · answered Jun 04 '18 at 07:13

2

With syntactic sugar on top of ES6 syntax, this.setState({scale: 'c', temperature}); is treated as

this.setState({scale: 'c', temperature: temperature});

and hence it works as desired. This is an object property value shorthand syntax. You can read more about it here

answered Jun 04 '18 at 07:13

Shubham Khatri

THANKS ! Do you know how I can delete this duplicate quetion ? – frontGirl Jun 05 '18 at 06:33
@frontGirl, you need not delete the duplicate. Duplicate is helpful for SO to provide better search results – Shubham Khatri Jun 05 '18 at 06:54

1 Answers1