【问题标题】:SyntaxError: unterminated string literal ReactSyntaxError:未终止的字符串文字反应
【发布时间】:2022-06-10 23:01:28
【问题描述】:

在我的应用程序中,我编写了一个自定义组件来显示每个页面的标题和子标题。见以下代码:

      <H 
        header = "Header" 
        subheader = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, \
        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
      />

问题:我想将字符串拆分为多行,所以我添加了一个反斜杠 \,正如以下来源中所建议的那样:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Unterminated_string_literal

但是,当页面被渲染时,\ 包含在子标题文本中

如何让多行字符串显示正确的文本?

注意:我也尝试了单引号和双引号,并尝试使用+operator。

更新:我通过在文本之间添加 `` 并在所有内容周围放置 {} 使其工作。

【问题讨论】:

  • 阅读关于不在 \ 后面放置任何空格/缩进的部分。更现代的解决方案可能是将文本括在反引号 ``
  • 查看这些答案here。他们有点相似。希望对你有帮助 =D
  • @ThamyBessa 我希望文本出现在一行中,但我希望 IDE 中的字符串被拆分为多行
  • @James 我在 \ 之后没有任何空格/缩进。没有报告错误,但 \ 仍然存在。我什至从网站上复制并粘贴了他们的字符串,\ 仍然存在。
  • @user19251203 你用的是哪个IDE?

标签: javascript html css reactjs string


猜你喜欢
  • 2013-10-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-09-01
  • 1970-01-01
  • 1970-01-01
  • 2018-10-15
相关资源
最近更新 更多