return (
<Header text='Web development curriculum' />
{courses.map(course =>
<Course key={course.id} course={course} />
)}
)
我在 JSX 中的内联 javascript 的开头收到 SyntaxError Unexpected token,expected ","。无法理解为什么。
反应：JSX 中的意外标记，预期的“，”
•
问答
lybgg121 回答：反应：JSX 中的意外标记，预期的“，”
你应该用一些标签来包装这段代码。 元素应该只有一个根元素。和 js 代码应该包含在标签中。
return (
<>
<Header text='Web development curriculum' />
<div>
{courses.map(course =>
<Course key={course.id} course={course} />
)}
</div>
</>
)
括号中只能有一个 JSX 元素。就像在常规 JS 中一样，您不能执行 const number = (5 6)。您可以在它们之间添加 ,，但这会使 JS（以及 React）只选择最后一个 JSX 元素。改用片段：
return <>
<Header text='Web development curriculum' />
{courses.map(course =>
<Course key={course.id} course={course} />
)}
</>;
<> </> 是 <React.Fragment> </React.Fragment> 的缩写。