首页 > 解决方案 > 使用单引号时,多行字符串抛出“`SyntaxError`: Invalid or unexpected token”

问题描述

遵循在线教程时,它可以工作,但是当我自己做时,我的并没有阅读下面单引号内的 HTML 代码;错误是:

app.js:15 未捕获SyntaxError:无效或意外的令牌。

obj.forEach(({ title, image, id, price }) => {
  results += '<div class="product">(a bunch of html code)';
});

标签: javascript

解决方案


当您使用""or''时,它仅适用于内联内容。内联的东西我的意思是你应该在同一条线上打开和关闭那些家伙。

const str = "<p> Hello World </p>"
const str2 = '<p> Bye World </p>'

但是如果你想要一个多行的字符串,那么使用``.

const str3 = `
<h1> Hello World </h1>
<p> We are ready to go! <p>
`;

推荐阅读