JSX 关闭 HTML 中的箭头 (>)

JSX dismiss an arrow (>) in HTML

在正常 javascript 中,我可以轻松添加一个箭头,例如:

<button>Next > </button> 

不过我试了一下是JSX,箭头会是ignored/dismissed。嗯,有什么方法可以启用它吗?

如果您想要 > 输出,您应该 HTML 将其编码为 >

<button>Next &gt </button>

因为 JSX 直接与 HTML 一起工作,所以您需要对保留字母使用 HTML 符号代码。

你可以使用

<button>Next &gt; </button>

<button>Next &#62; </button>

在此处查看完整列表: http://www.ascii.cl/htmlcodes.htm