介绍
npm 是 Node.js 的包管理工具，React 是一种用于构建用户界面的 JavaScript 库。在 React 中，UI 是由组件构成的，react-pure-ui 是 React 纯 UI 组件库。它提供了一些安装简单、易于重用的 React 组件。
本文将介绍如何安装和使用 react-pure-ui。
安装
在终端中输入以下命令可以安装 react-pure-ui：
npm install react-pure-ui
使用
在 React 的组件文件中引入需要的组件：
import { Button, Input } from 'react-pure-ui'这样，就可以在 React 的组件中使用 Button 和 Input 组件了。
Button
Button 组件有两个属性：
type: 按钮类型，可选 'primary' 和 'default'，默认值为 'default'onClick: 点击按钮时的回调函数
使用示例：
-- -------------------- ---- -------
------ - ------ - ---- ---------------
-------- --------- -
----- ----------- - -- -- -
------------------- ---------
-
------ -
------- -------------- ----------------------
---
---------
-
-Input
Input 组件有四个属性：
type: 输入框类型，可选 'text', 'password' 和 'number'，默认值为 'text'placeholder: 输入框占位符value: 输入框的值onChange: 输入框内容变化时的回调函数
使用示例：
-- -------------------- ---- -------
------ - ----- - ---- ---------------
-------- --------- -
----- ------- --------- - ------------
----- ------------ - ------- -- -
----------------------------
-
------ -
------
-----------
-----------------
-------------
-----------------------
--
-
-总结
react-pure-ui 是一个可重用的 React 纯 UI 组件库，提供了 Button 和 Input 组件。本文详细介绍了 react-pure-ui 的安装和使用方法，并提供了示例代码，希望能帮助读者更好地使用 react-pure-ui。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005562f81e8991b448d3192