javascript - React HTMLtoJSX 不转换大括号

Question

我在使用 HTMLtoJSX 转换器(npm:htmltojsx)时遇到问题，该转换器与 https://facebook.github.io/react/html-jsx.html 上正式显示的转换器相同。 .

HTML 代码 <div>{</div>被编译为以下 JSX 代码:

<div>{</div>

JSX 代码失败并出现以下错误:

Uncaught SyntaxError: embedded: Unexpected token (7:18)
   5 | var Hello = React.createClass({
   6 |   render: function() {
>  7 |     return <div>{</div>;
     |                   ^
   8 |   }
   9 | });

测试:https://jsfiddle.net/69z2wepo/28714/

有人知道这个问题的解决方案吗？

Answer 1

在 JSX 中，大括号用于包裹 javascript 表达式。您可以像这样显示括号:

return <div>{'{'}</div>;