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-前端開發人員

如果您喜歡這個包裹，請留下一顆星星。