javascript - React 的 JSX 语法中双花括号的作用是什么？

Question

来自react.js tutorial我们看到双花括号的用法:

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

然后在the second tutorial, "Thinking in react" :

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

然而，React JSX documentation没有描述或提及双花括号。这个语法(双 curl )是做什么用的？还有另一种方法可以在 jsx 中表达同样的东西，还是这只是文档中的一个遗漏？

Answer 1

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

var obj = {__html: rawMarkup};

<span dangerouslySetInnerHTML={obj} />