React的JSX语法中的双花括号的目的是什么？

小编典典

reactjs

从react.js教程中，我们可以看到双花括号的用法：

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

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

但是，React JSX文档没有描述或提及双花括号。此语法（双curies）有什么用？还有另一种方法可以在jsx中表达相同的内容，或者这仅仅是文档中的遗漏？

阅读 414

2020-07-22

共1个答案

小编典典

它只是在prop值中内联的对象文字。和…一样

var obj = {__html: rawMarkup};

<span dangerouslySetInnerHTML={obj} />

2020-07-22