创建 React 组件

推荐您阅读所有的 React 文档。在 React 中,一切皆组件,其他现代的框架也是如此。我们使用组件来创建可重用的块,也可以将特定的页面或者界面组合元素做成组件。

现在我们来创建第一个组件:将 Button.tsx 文件放入 src 目录:

import React, { Component } from 'react';

export class Button extends Component {
  render() {
    <button>Click me</button>;
  }
}

或者,也可以直接用 function 来创建组件:

export function Button(props) {
  return <button>{props.name}</button>;
}

CUBA React CoreCUBA React UI 库提供了一些非常有用的组件。请参阅相应的章节进行了解。