9、React与TypeScript开发：核心概念与实践指南

React与TypeScript开发：核心概念与实践指南

1. JSX与Props的使用

JSX是一种类似XML的语法扩展，用于在JavaScript中编写React组件。它最终会被编译成普通的JavaScript代码，使用React正确地创建组件。例如，以下代码展示了如何使用JSX创建书签组件：

function start() {
  ReactDOM.render(
    <div>
      <h1>Bookmarks</h1>
      <ul>
        <Bookmark 
          title="Etherient"
          href="https://www.etherient.com"
          description="The home page of Etherient"
        />
        <Bookmark 
          title="Frank's Site"
          href="https://www.zammetti.com"
          description="The web home of Frank W. Zammetti"
        />
      </ul>
    </div>,
    document.getElementById("mainContainer")
  );
}

当在浏览器中加载包含此代码的 index.html