可能有用的工具¶

小作业由于规模、难度的限制，没有引入部分可能在大作业中有用的工具。

组件库 AntDesign¶

我们可以注意到，React 中类似 <div />, <span />, <a /> 这些标签事实上就是 HTML 原生标签，这些标签会随着浏览器的实现变化而变化，从而就无法保证 UI 跨平台适配。再者，这些标签也仅仅是保证了功能性，在美观和交互上并不突出，甚至同一个网站内的风格都有可能有所差异（即界面设计中所谓的设计语言不统一）。

为了解决这些问题，现代 Web 开发往往会使用组件库来实现一个美观、交互自然、跨平台统一、设计语言统一的 UI，其中最为常用的一个就是 AntDesign。

使用组件库是简单的，和引用自定义组件完全一致。只需要通过包管理工具安装组件库并 import 到文件中后，直接引用其中的组件即可：

const DemoScreen = () => {
    return (
        <Button onClick={() => {}}>
            A test button!
        </Button>
    );
};

这些组件往往有着更多可自定义的设置，这些就留给你阅读官方文档并探索了。

作者: Ashitemaru (93.33%), abmfy (6.67%)