JSX 语法写标记

前文所见的标记语法叫做 JSX，其表示JavaScript XML。 JSX 比 HTML 要严格。 你必须关闭诸如 <br /> 之类的标签。组件不能返回多个 JSX 标签。如有需要，可以使用空标签 <>...</> 将其包裹起来，就像使用 <div>...</div> 一样。

function AboutPage() {
  return (
    <>
      <h1>About</h1>
      <p>Hello there.<br />How do you do?</p>
    </>
  );
}

如果有大量的 HTML 需转化成 JSX，可以尝试在线工具 HTML to JSX。