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

Question

我正在尝试制作一个带有指向左侧箭头的简单按钮，所以我想我会使用“<”。但是当我做

<button><</button>

我是不是收到了一个意外的标记错误，我猜是因为它认为我正在开始一个新元素，而不是仅仅希望 < 成为按钮中的文本。有没有办法解决？将 < 替换为 "test" 编译并正常工作。

Answer 1

使用 HTML 代码表示小于。

    <button>&lt;</button>

Answer 2

<为小于。

Answer 3

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

<button>{"<"}</button>

值得注意的是，如果按钮文本没有告诉用户它的作用，您应该包含一个带有描述的 aria-label 属性：

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

使用屏幕阅读器或类似工具的人可以轻松理解如何与之交互，从而使您的网站更易于访问。

React JSX error trying to use Less Than Symbol