[解決済み] ReactのJSX構文における二重中括弧の目的は何ですか？

質問

から react.jsチュートリアル このように二重中括弧が使われていることがわかります。

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

そして、その中に 2番目のチュートリアル、quot;Thinking in react"。 :

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

しかし React JSXのドキュメント には、二重中括弧の説明や言及がありません。 この構文（二重中括弧）は何のためにあるのでしょうか？また、jsxで同じことを表現する別の方法があるのでしょうか、それともこれは単にドキュメントから漏れているだけなのでしょうか？

どのように解決するのですか？

prop値にオブジェクトリテラルをインライン化しただけのものです。と同じです。

var obj = {__html: rawMarkup};

<span dangerouslySetInnerHTML={obj} />