React HTMLtoJSX 不转换大括号

React HTMLtoJSX does not convert curly brackets

本文关键字：转换 HTMLtoJSX React      更新时间：2023-09-26

我在使用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/

有谁知道问题的解决方案？

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

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

感谢您的回复！您的解决方案是正确的。

这似乎是官方HTML到JSX转换器中的一个错误：

https://github.com/facebook/react/issues/5910

作者已承诺修复它。

相关文章：