react image filler

反应图像填充物

React Image Filler是一个方便的React组件，可让您生成具有可自定义属性（例如宽度，高度，文本，颜色和背景颜色）的占位符图像。在您需要为尚未加载或可选的图像保留空间的情况下，这特别有用。

目录

1. 安装
2. 用法
3. API
4. 贡献

安装

npm install react-image-filler --save
# or
yarn add react-image-filler

用法

 import ImageFiller from 'react-image-filler' ;

const App = ( ) => {
    return (
        < div >
            < ImageFiller width = { 200 } height = { 200 } />
        </ div >
    ) ;
} 

API

支柱	类型	默认	描述
width	数字	100	图像的宽度
height	数字	100	图像的高度
text	细绳	占位符	图像的文字
color	细绳	＃6A6A6A	图像的文字颜色
background	细绳	#DDDDDD	图像的背景颜色

贡献

为诸如React-Image-Filler之类的开源项目做出贡献可能是一个有意义的体验。您不仅可以提高您的编码技巧，还可以为更广泛的开发人员社区做出贡献。

如果您有兴趣为该项目做出贡献（无论是通过改进，错误修复还是新功能），则需要以下步骤：

贡献的步骤：

1. 在本地分叉项目和克隆：首先将项目分配到您的GitHub帐户，该帐户创建了您自己的存储库副本。然后将此叉子克隆到您本地的机器上，以开始处理它。
2. 创建一个功能分支：而不是直接在主分支上工作，而是为每个功能创建一个新的分支或正在处理的修复程序是最好的做法。这可以通过命令来完成： git checkout -b feature/AmazingFeature 。
3. 提交您的更改：进行更改后，用清晰简洁的消息提交它们，描述您所做的事情。这可以通过命令来完成： git commit -m 'Add some AmazingFeature' 。
4. 将您的更改推向GitHub：一旦提交了更改，将它们推到Github上的分叉存储库上的分支。这可以通过命令来完成： git push origin feature/AmazingFeature 。
5. 打开拉动请求：最后，导航到GitHub上的叉子存储库，然后单击“拉请请求”按钮。填写必要的详细信息并提交。这将通知项目的维护者有关您的贡献，他们将审查您的更改。
6. 享受 ？

作者

• Mahmoud Ibrahiam-前端开发人员

如果您喜欢这个包裹，请留下一颗星星。