创建嵌套组件

React 应用由组件组成。组件即一段拥有独立的逻辑和外观的UI。组件小到可以是一个按钮，大到可以是一整个页面。

React 组件即返回标记的 JavaScript 函数：

function MyButton() {
  return (
    <button>I'm a button</button>
  );
}

现在，你已经声明了 MyButton，你可以将它嵌套到其他组件中：

export default function MyApp() {
  return (
    <div>
      <h1>Welcome to my app</h1>
      <MyButton />
    </div>
  );
}

注意， <MyButton /> 以大写字母开头。这是 React 组件的特征。React 组件都以大写字母开头，而 HTML 标签则必须全是小写字母。

示例 App.js：

function MyButton() {
  return (
    <button>
      I'm a button
    </button>
  );
}

export default function MyApp() {
  return (
    <div>
      <h1>Welcome to my app</h1>
      <MyButton />
    </div>
  );
}

export default 关键字指定文件中的主要组件。如果对 JavaScript 某些语法不熟悉的话，可以尝试阅读 MDN 和 javascript.info。