简介
redux-components-legacy 是一个基于 Redux 的 React UI 组件库，提供了一些常用的 UI 组件，例如 Button、Input、Modal 等等。这个库采用了传统的 React 组件开发方式，对于有经验的 React 开发人员非常友好。
安装
您可以使用 npm 或者 yarn 进行安装：
--- ------- -----------------------
或者
---- --- -----------------------
使用
引入组件
在使用之前，您需要先引入组件：
------ - ------- ------ ----- - ---- --------------------------
您也可以单独引入某个组件：
------ ------ ---- -------------------------------------
Button 组件
Button 组件提供了多种类型的按钮，包括 primary、default 和 danger。您可以通过 type 属性来指定按钮类型。例如：
------- ------------------------------- ------- ------------------------------- ------- -----------------------------
Input 组件
Input 组件提供了输入框，您可以通过 value、onChange、placeholder 等属性来控制输入框的值和行为。例如：
------ ------------- ------------------- ------------------- ----- ---------- --
Modal 组件
Modal 组件提供了模态框，您可以通过 title、visible、onOk、onCancel 等属性来控制模态框的显示和行为。例如：
------ ------------- ----------------- -------- -- ------------------ ------------ -- ------------------- -------- ---------- --------
示例代码
------ ------ - -------- - ---- --------
------ - ------- ------ ----- - ---- --------------------------
-------- ----- -
----- ------- --------- - -------------
----- --------- ----------- - ----------------
----- -------- - - -- -
-------------------------
--
------ -
-----
---------------
------- -------------------------------
------- -------------------------------
------- -----------------------------
--------------
------ ------------- ------------------- ------------------- ----- ---------- --
--------------
------- ----------- -- ---------------------- --------------
------ ------------- ----------------- -------- -- ------------------ ------------ -- -------------------
-------- ----------
--------
------
--
-
------ ------- ----总结
redux-components-legacy 是一个十分实用的 React UI 组件库，让开发人员能够快速构建 UI 元素。通过本文的介绍，你应该已经了解到了如何在自己的 React 项目中使用这个库。如果您想要深入了解更多相关内容，建议您去查阅其官方文档。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600559e881e8991b448d78fa