React-Aurora-Redux 是一个基于 React 和 Redux 的 UI 组件库,它提供了许多常用的 UI 组件,包括表格、弹窗、输入框等等。本文将介绍如何使用该 npm 包。
安装
可以通过 npm 安装该包:
npm install react-aurora-redux
引用
在安装完毕后,你可以通过以下方式引用该包:
import { Button, Input } from 'react-aurora-redux'
使用
Button 按钮
使用 Button 按钮的示例如下:
-- -------------------- ---- ------- ------ ----- ---- ------- ------ - ------ - ---- -------------------- ----- --- ------- --------------- - ----------- - -- -- - ---------------------- - -------- - ------ ------- -------------------------------- ----------- - - ------ ------- ---
在上面的示例中,我们引入了 Button 组件,并将其放在了 App 组件中。当点击该按钮时,就会触发 handleClick 方法,在控制台上输出一个日志。
Input 输入框
使用 Input 输入框的示例如下:
-- -------------------- ---- ------- ------ ----- ---- ------- ------ - ----- - ---- -------------------- ----- --- ------- --------------- - ------------ - --- -- - --------------------------- - -------- - ------ ------ ---------------------------- ------------------ ---------- -- - - ------ ------- ---
在上面的示例中,我们引入了 Input 组件,并将其放在了 App 组件中。当在输入框中输入内容时,就会触发 handleChange 方法,在控制台上输出输入框的值。
总结
通过本文,我们学习了如何使用 React-Aurora-Redux 组件库中的 Button 和 Input 组件,并实现了它们的基本功能。同时,我们也了解了如何在 React 中引用 npm 包。希望对你有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600574b581e8991b448ea20b