多行字符串在使用单引号时抛出" ' SyntaxError ': Invalid or unexpected

Question

当遵循在线教程时，它可以工作，但当我自己这样做时，我的不读取下面单引号内的HTML代码;错误是:

app.js:15 UncaughtSyntaxError: Invalid or unexpected token.

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

Answer 1

当您使用""或''时，它仅适用于内联内容。我所说的内联内容是指你应该在同一行打开和关闭这些内容。

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>
`;