每次使用svg时，它都会给我带来错误。

Question

我使用adobe插图创建了一个SVG，但是当试图将它添加到项目中时，它只会给出一个错误，而且我用SVGator创建的SVG也会出现错误。总之，每一个SVG都给了我一个错误，但是在裸露的HTML项目中，它的运行非常完美。

有人能指导我如何使用SVG做出反应吗？

我犯了错误

1. SVG与Adobe

在按照它的建议添加{}后，给我以下

Private names are only allowed in property accesses (`obj.#a`) or in `in` expressions 
 <style>.cls-1{{fill:url(#a)}}</style>

从网站下载SVG时

1. 错误

有问题汇编的：

src\components\common\RegisterSvg.js行8:32256:解析错误:意外令牌(8:32256)

Answer 1

对于那些可能在SVG中得到此错误的人，如果SVG是静态的，请尝试导入SVG并将其用作图像。

import FormSvg from "./svg/newtest.svg
<img src={FormSvg} alt="svg"/>

如果SVG附带了动画，那么将SVG JavaScript添加到useEffect中，然后将其作为普通SVG使用。

useEffect(() => {
  // ... javascript goes here 
  // !function ... long code (<script>code from script</script>)
  }, []);
  return (
      // SVG part goes here
      <Svg/>
  )