0
我目前正在爲我的一個項目使用ReactJs。由於我們在涉及ReactJs的組件方面都是這樣，所以我們如何在React應用程序中使用SVG/fallback？如何使用SVG和圖像回退與ReactJs？
我們是否爲每個SVG構建組件？或者您有不同的方式讓您的React用戶構建它們？我只是想用最佳實踐來接近它！
我會真的很高興，如果有人幫助:)
A
回答
0
看一看的material-ui library's approach to SVG support。他們有a SvgIcon component你應該能夠重用。他們的方法是在SvgIcon組件中分離出通用實現，然後使用individual component wrappers for each unique SVG icon。
相關問題
- 1. SVG圖像不會被reactjs
- 2. reactjs svg在IE中使用零寬度和高度呈現的圖像
- 3. 如何使用ReactJS代碼播放和暫停React-GIF圖像
- 4. 默認（回退）使用.htaccess的圖像？
- 5. html5應用與svg圖像和圖層：性能和圖層
- 6. 如何在Firefox中與PNG交換使用SVG圖像？
- 7. SVG圖像和CPU使用率
- 8. 如何使用<image>標記回退縮放SVG？
- 9. 如何使用獨立的SVG圖像創建SVG精靈？
- 10. 使用SVG作爲圖像：圖像
- 11. 如何使用JavaScript與SVG？
- 12. 如何2層svg圖像
- 13. 如何切換SVG圖像
- 14. 如何填充SVG圖像
- 15. 如何拉伸SVG圖像？
- 16. 與.svg圖像交互
- 17. SVG與填充圖像
- 18. 面具SVG與圖像
- 19. Visibility.js - 如何使用退回？
- 20. 如何與reactJs
- 21. 使圖像跳起來（並回退）
- 22. 返回svg圖像回主要活動
- 23. 如何使svg蒙版圖像與Internet Explorer兼容
- 24. 如何使SVG回退到簡單文本
- 25. 如何用圖像生成SVG qrcode？
- 26. 如何用圖像替換SVG形狀？
- 27. 如何在SVG中使用動畫製作圖像（使用CSS？）
- 28. SVG圖案和圖像寬度和高度如何工作？
- 29. SVG圖像元素和Asp.NET
- 30. 控制和svg圖像？
感謝您的鏈接。所以這意味着最好的做法是將svgs包裝到它自己的組件中？ – user3807940
鏈接SVG文件的問題在於它們使用與React衝突的區分大小寫的標籤，因此您必須將路徑包含在JSX代碼本身內。爲了模塊化，最好將它們分開保存在自己的文件中。 – hazardous