React HTMLtoJSX不会转换大括号

Question

我遇到了HTMLtoJSX转换器（npm：htmltojsx）的问题，与https://facebook.github.io/react/html-jsx.html上正式显示的转换器相同。

HTML代码Operator被编译为以下JSX代码：

<div>{</div>

JSX代码失败，出现以下错误：

<div>{</div>

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

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

Answer 1

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

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

Answer 2

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

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

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

作者答应修复它。