Reactatouille 是一个可重用组件集合，专为 React 应用程序开发而设计。这个库包含了很多由优秀实践产生的 React 组件，可以让你的开发变得更加容易和快速。
安装
使用 reactatouille 的第一步是安装它！在你的项目目录下，执行以下命令：
npm install --save reactatouille
引入组件
Reactatouille 提供了很多可重用的组件，例如 Button、Card、Dialog 等等。要引入这些组件，只需要在你的代码中导入它们就可以了：
-- -------------------- ---- -------
------ - ------- ----- ------ - ---- ----------------
-------- ------------- -
------ -
------
--------- -----------
------- ----------- -- ------------------------ ------------
------- ------------------- -- - ---------------
-------
--
-使用示例
Button 组件
Button 组件是一个基本的按钮，你可以根据你的需要设置它的属性，例如 size、type、disabled 等等。
-- -------------------- ---- -------
------ - ------ - ---- ----------------
-------- ------------- -
------ -
-----
------- ------------------ ---------------
------- -------------------- ---------------
------- ------------------ ---------------
------- ---------------------- ---------------
------- ---------------------- ---------------
------- ----------------- ---------------
------- ----------- -- ------------------------ ------------
------
--
-Card 组件
Card 组件是一个常见的面板组件，你可以在其中放置其他组件或元素，来展示多种内容。
-- -------------------- ---- -------
------ - ---- - ---- ----------------
-------- ------------- -
------ -
------
--------- -----------
------- -- - -------------
---- -------- ---------------- ------ ---
------- -- - --- ------ --- --------
------
-------
--
-Dialog 组件
Dialog 组件是一个对话框组件，你可以用它来展示一些重要的提示、警告、错误信息，或者要求用户确认某些操作。
-- -------------------- ---- -------
------ - ------ - ---- ----------------
-------- ------------- -
------ -
-----
------- --------------
-------- -- - -----------
------ --- --- -------- ------- --- ---- --------
------- ----------- -- -------------------------
------- ----------- -- ---------------------------------
---------
------
--
-总结
Reactatouille 是一个非常好用的 React 组件集合，可以帮助你快速地开发出高质量的应用程序。通过这个教程，你已经了解了它的基本使用方法和示例代码，希望对你的学习和实践有帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005607281e8991b448de99e