【问题标题】:how to use curly brackets without it being an expression in react如何在不作为反应表达式的情况下使用大括号
【发布时间】:2018-07-01 20:33:04
【问题描述】:

我需要类似的东西

<p>{</p>
// code
<p>}</p>

如何使用大括号而不出错并说出需要的表达式? 有没有我可以使用的转义字符?即"\""

【问题讨论】:

标签: reactjs jsx


【解决方案1】:

嗯,这是一个很好的解决方案。使用相同的大括号来显示大括号。

 {'{'} {'}'}

【讨论】:

  • 我在提交问题的那一刻就想到了这一点。谢谢!
  • 我认为使用@G4bri3l 解决方案是一个不错的选择。在这个串联上。
【解决方案2】:

我知道已经有很多答案,但只是为了完成,我建议使用语义 HTML,在这种情况下,我专门谈论 code 标记(请参阅文档here):

<code>{`{ hello }`}</code>

您可以使用反引号来避免使用许多单引号或双引号。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-01-04
    • 1970-01-01
    • 2020-01-03
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多