如何使用ReactJs使用SVG和图像回退？

Question

我目前正在为我的一个项目使用ReactJs。既然我们在组件方面涉及到ReactJs，那么我们如何在React应用程序中使用SVG / fallback？

我们是否为每个SVG构建组件？或者React用户是否有不同的方式构建它们？我只想用最好的做法来接近它！

如果有人帮忙，我会很高兴：）

Answer 1

查看material-ui library's approach to SVG support。他们有a SvgIcon component您应该可以重复使用。他们的方法是在SvgIcon组件中分离出公共实现，然后使用individual component wrappers for each unique SVG icon。