What is the purpose of double curly braces in React's JSX syntax?

Question

From the react.js tutorial we see this usage of double curly braces: ``` ``` And then in the second tutorial, "Thinking in react": ``` {this.props.product.name} ; ``` However, the React JSX documentation doesn't describe or mention double curly braces. What is this syntax (double curlies) for? And is there another way to express the same thing in jsx or is this just an omission from the documentation?

Accepted Answer

It's just an object literal inlined in the prop value. It's the same as

```
var obj = {__html: rawMarkup};

<span dangerouslySetInnerHTML={obj} />
```

What is the purpose of double curly braces in React's JSX syntax?

Solution

Problem