React-Aurora-Redux 使用教程

阅读时长 3 分钟读完

React-Aurora-Redux 是一个基于 React 和 Redux 的 UI 组件库,它提供了许多常用的 UI 组件,包括表格、弹窗、输入框等等。本文将介绍如何使用该 npm 包。

安装

可以通过 npm 安装该包:

引用

在安装完毕后,你可以通过以下方式引用该包:

使用

Button 按钮

使用 Button 按钮的示例如下:

-- -------------------- ---- -------
------ ----- ---- -------
------ - ------ - ---- --------------------

----- --- ------- --------------- -
  ----------- - -- -- -
    ----------------------
  -

  -------- -
    ------ ------- -------------------------------- -----------
  -
-

------ ------- ---

在上面的示例中,我们引入了 Button 组件,并将其放在了 App 组件中。当点击该按钮时,就会触发 handleClick 方法,在控制台上输出一个日志。

Input 输入框

使用 Input 输入框的示例如下:

-- -------------------- ---- -------
------ ----- ---- -------
------ - ----- - ---- --------------------

----- --- ------- --------------- -
  ------------ - --- -- -
    ---------------------------
  -

  -------- -
    ------ ------ ---------------------------- ------------------ ---------- --
  -
-

------ ------- ---

在上面的示例中,我们引入了 Input 组件,并将其放在了 App 组件中。当在输入框中输入内容时,就会触发 handleChange 方法,在控制台上输出输入框的值。

总结

通过本文,我们学习了如何使用 React-Aurora-Redux 组件库中的 Button 和 Input 组件,并实现了它们的基本功能。同时,我们也了解了如何在 React 中引用 npm 包。希望对你有所帮助。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600574b581e8991b448ea20b

纠错
反馈