React.js的JSX语法中双花括号的用途是什么？

在react.js教程中，我们看到了双花括号的使用：

<span dangerouslySetInnerHTML={{__html: rawMarkup}} /> 

然后在第二个教程“思考反应”中 ：

  <span style={{color: 'red'}}> {this.props.product.name} </span>; 

但是， React JSX文档没有描述或提到双花括号。 这是什么语法（双曲）？ 还有另一种方式expression在jsx相同的事情，或者这只是从文档中的遗漏？

Answer 1

这只是一个在prop值中内联的对象字面值。 这是一样的

 var obj = {__html: rawMarkup}; <span dangerouslySetInnerHTML={obj} /> 

Answer 2

我试图用简单的话来说，对每个人都是可以理解的。 以下代码：

<span dangerouslySetInnerHTML={{__html: rawMarkup}} />

等于

 <span dangerouslySetInnerHTML={{ __html: rawMarkup }} /> 

所以，如果我们要将一个文字对象赋给一个属性，我们应该使用Reactexpression式。

对于一些主要从AngularJs移动到ReactJs的人来说，这可能是与AngularJsexpression式绑定运算符{{}}混淆的一部分。 所以，试着在ReactJs中以不同的方式来看待它。