Strawman 是一个基于 React 的 UI 组件库，它提供了许多常用的 UI 组件，比如按钮、输入框、下拉框、表格等等，可以帮助我们快速构建 Web 应用的用户界面。Strawman 也是一个 NPM 包，可以通过 NPM 安装和使用。
安装 Strawman
在使用 Strawman 之前，我们需要先安装它。在命令行中输入以下命令：
--- ------- --------
如果你使用的是 Yarn，可以输入以下命令：
---- --- --------
这样就可以将 Strawman 安装到我们的项目中。
使用 Strawman
一旦我们安装了 Strawman，就可以在我们的项目中使用它提供的组件了。
如果我们使用的是 ES6 语法，可以这样引入 Strawman：
------ - ------ - ---- -----------
如果我们使用的是 CommonJS 规范，可以这样引入 Strawman：
----- ------ - ---------------------------
在使用 Strawman 的组件时，我们需要先在我们的代码中导入相应的组件。比如，如果我们要使用 Strawman 的 Button 组件，我们需要先导入它：
------ - ------ - ---- ----------- -------- ------------- - ------ ------------- ------------- -
这样就可以在我们的代码中使用 Strawman 的 Button 组件了。Strawman 还提供了许多其它的组件，比如 Input、Select、Table 等等，我们可以在使用它们时，根据需要导入相应的组件。
Strawman 的示例代码
以下是一个使用 Strawman 的示例代码，它展示了如何使用 Strawman 的 Button 和 Input 组件：
------ ----- ---- --------
------ - ------- ----- - ---- -----------
-------- ------- -
----- ---------- ------------ - -------------------
----- ---------- ------------ - -------------------
-------- --------------------------- -
--------------------------------
-
-------- --------------------------- -
--------------------------------
-
-------- ------------------- -
-----------------------
-------------------- -- ------ --------- ----------
-
------ -
----- ------------------------
------
-----------
----------------------
----------------
-------------------------------
--
------
---------------
----------------------
----------------
-------------------------------
--
------- ----------------------------
-------
--
-在这个示例代码中，我们使用了 Strawman 的 Button 和 Input 组件，实现了一个登录表单。当用户点击登录按钮时，我们会在控制台输出用户名和密码。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/5eedb3d3b5cbfe1ea06111c8