Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在ReactJs中使用SVG和映像回退?_Svg_Reactjs_Fallback - Fatal编程技术网

如何在ReactJs中使用SVG和映像回退?

如何在ReactJs中使用SVG和映像回退?,svg,reactjs,fallback,Svg,Reactjs,Fallback,我目前正在为我的一个项目使用ReactJs。当涉及到React JS时,我们都是从组件的角度来考虑问题的,因此我们如何在React应用程序中使用SVG/回退 我们是否为每个SVG构建组件?或者,您是否有不同的方式来应对用户构建它们?我只想用最好的练习来接近它 如果有人帮助我,我会非常高兴:)看一看。它们具有您应该能够重用的功能。他们的方法是在SvgIcon组件中分离出通用实现,然后使用。感谢链接。因此,这意味着最好的做法是将SVG包装到它自己的组件中?链接的SVG文件的问题是它们使用区分大小写的

我目前正在为我的一个项目使用ReactJs。当涉及到React JS时,我们都是从组件的角度来考虑问题的,因此我们如何在React应用程序中使用SVG/回退

我们是否为每个SVG构建组件?或者,您是否有不同的方式来应对用户构建它们?我只想用最好的练习来接近它


如果有人帮助我,我会非常高兴:)

看一看。它们具有您应该能够重用的功能。他们的方法是在SvgIcon组件中分离出通用实现,然后使用。

感谢链接。因此,这意味着最好的做法是将SVG包装到它自己的组件中?链接的SVG文件的问题是它们使用区分大小写的标记,这与React冲突,因此必须在JSX代码本身中包含路径。为了模块化,最好将它们分别保存在各自的文件中。