【问题标题】:JSX dismiss an arrow (>) in HTMLJSX 在 HTML 中关闭箭头 (>)
【发布时间】:2017-05-06 08:20:34
【问题描述】:

在普通的javascript中,我可以很容易地添加一个箭头,比如:

<button>Next > </button> 

但我尝试使用 JSX,箭头将被忽略/解除。嗯,有什么办法可以启用吗?

【问题讨论】:

  • 普通 JSX 不会忽略箭头 ` >` 检查你的按钮样式是否有任何宽度应用到它

标签: javascript html reactjs jsx


【解决方案1】:

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

你可以使用

<button>Next &gt; </button>

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

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

【讨论】:

    【解决方案2】:

    如果你想要一个 > 输出,你应该将它的 HTML 编码为 &gt

    <button>Next &gt </button>
    

    【讨论】:

      猜你喜欢
      • 2014-08-12
      • 2016-09-01
      • 1970-01-01
      • 2012-01-23
      • 1970-01-01
      • 2020-07-16
      • 1970-01-01
      • 1970-01-01
      • 2021-12-11
      相关资源
      最近更新 更多