创建 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 Core 和 CUBA React UI 库提供了一些非常有用的组件。请参阅相应的章节进行了解。