在前端开发中，经常需要自定义按钮样式，为了方便开发人员，有很多第三方库可以使用。其中，一个非常好用的 npm 包就是 my-simple-button，它可以让你轻松创建和自定义样式的按钮。
1. 安装 my-simple-button
要使用 my-simple-button，你首先需要在命令行中使用 npm 安装它。
npm install --save my-simple-button
2. 使用 my-simple-button
使用 my-simple-button 很简单，只需要在代码中引入它，然后传入相应的参数即可。
import MySimpleButton from 'my-simple-button';
<MySimpleButton text="click me" onClick={handleClick} />;在这里，我们创建了一个 MySimpleButton 组件，并传入了两个参数：text 和 onClick。其中，text 是要显示的按钮文本，onClick 是当按钮被点击时要触发的函数。
3. 自定义样式
除了可以传递参数以外，my-simple-button 还允许你轻松地自定义样式。你可以传递一个 style 对象作为参数，来改变按钮的颜色、字体大小等。
-- -------------------- ---- ------- ------ -------------- ---- ------------------- ----- ----------- - - ---------------- ---------- ------ ------- --------- ------- -- --------------- ----------- --- --------------------- ------------------- ---
在这个例子中，我们创建了一个名为 buttonStyle 的样式对象，并将它传入 MySimpleButton 组件中。这个样式对象改变了按钮的背景颜色、字体颜色和字体大小。
4. 总结
使用 my-simple-button 可以让你轻松创建和自定义样式的按钮。在代码中引入它，并传递相应的参数即可。如果想要自定义样式，可以传递一个样式对象作为参数。my-simple-button 可以极大地提高开发效率，同时也能够让你的按钮样式更加美观。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005589d81e8991b448d5e09