React HTMLtoJSX不会转换大括号

时间:2016-01-24 20:37:23

标签: javascript reactjs converter react-jsx

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

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

<div>{</div>

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

<div>{</div>

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

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

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

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

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

作者答应修复它。