尝试使用小于符号的 React JSX 错误

Posted 2023-02-21

【中文标题】尝试使用小于符号的 React JSX 错误

【英文标题】：React JSX error trying to use Less Than Symbol

【发布时间】：2017-10-12 23:02:57

【问题描述】：

我正在尝试制作一个带有左侧箭头的简单按钮，所以我想我会使用“

<button><</button>

我猜我是不是遇到了一个意外的令牌错误，因为它认为我正在开始一个新元素，而不是仅仅希望

【参考方案1】：

使用html代码小于。

    <button>&lt;</button>

【参考方案2】：

使用 HTML 实体 (https://dev.w3.org/html5/html-author/charref)。

< 小于。

【参考方案3】：

HTML 实体有效；或者，您可以使用大括号在纯 JS 中插入该字符串：

<button>"<"</button>

值得注意的是，如果按钮文本没有告诉用户它做了什么，你应该在描述中包含一个 aria-label 属性：

<button aria-label="back">"<"</button>

这让具有屏幕阅读器或类似功能的人能够轻松了解如何与之交互，从而使您的网站更易于访问。