Strawman 是一个基于 React 的 UI 组件库，它提供了许多常用的 UI 组件，比如按钮、输入框、下拉框、表格等等，可以帮助我们快速构建 Web 应用的用户界面。Strawman 也是一个 NPM 包，可以通过 NPM 安装和使用。
安装 Strawman
在使用 Strawman 之前，我们需要先安装它。在命令行中输入以下命令：
npm install strawman
如果你使用的是 Yarn，可以输入以下命令：
yarn add strawman
这样就可以将 Strawman 安装到我们的项目中。
使用 Strawman
一旦我们安装了 Strawman，就可以在我们的项目中使用它提供的组件了。
如果我们使用的是 ES6 语法，可以这样引入 Strawman：
import { Button } from 'strawman';如果我们使用的是 CommonJS 规范，可以这样引入 Strawman：
const Button = require('strawman').Button;在使用 Strawman 的组件时，我们需要先在我们的代码中导入相应的组件。比如，如果我们要使用 Strawman 的 Button 组件，我们需要先导入它：
import { Button } from 'strawman';
function MyComponent() {
return <Button>Click me!</Button>;
}这样就可以在我们的代码中使用 Strawman 的 Button 组件了。Strawman 还提供了许多其它的组件，比如 Input、Select、Table 等等，我们可以在使用它们时，根据需要导入相应的组件。
Strawman 的示例代码
以下是一个使用 Strawman 的示例代码，它展示了如何使用 Strawman 的 Button 和 Input 组件：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------- ----- - ---- -----------
-------- ------- -
----- ---------- ------------ - -------------------
----- ---------- ------------ - -------------------
-------- --------------------------- -
--------------------------------
-
-------- --------------------------- -
--------------------------------
-
-------- ------------------- -
-----------------------
-------------------- -- ------ --------- ----------
-
------ -
----- ------------------------
------
-----------
----------------------
----------------
-------------------------------
--
------
---------------
----------------------
----------------
-------------------------------
--
------- ----------------------------
-------
--
-在这个示例代码中，我们使用了 Strawman 的 Button 和 Input 组件，实现了一个登录表单。当用户点击登录按钮时，我们会在控制台输出用户名和密码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb3d3b5cbfe1ea06111c8