使用svg进入sharepoint webpart

Question

我正在为SharePoint开发一个webpart。我使用SharePoint Framework，TypeScript和ReactJS。 我需要使用svg图像。 但是当我将svg图像代码粘贴到我的webpart中时，我有错误，我无法构建。 对于测试，我在创建新项目时使用SharePoint生成的基本webpart。

当我构建时，我有这样的错误： 错误 - typescript - src \ webparts \ graph \ components \ Graph.tsx（28,8）：错误TS1003：预期的标识符。

我使用inkscape创建了我的svg，然后我编辑了它以使用ReactJS。

你能帮帮我吗？

svg：

<input (keyup)="keyupHandler($event) [(ngModel)]="myVal">
...
keyupHandler(event: any){
  // modify directly myVal here, or
  // event.target.value contains the last user input's result 
}

Answer 1

我终于找到了解决方案。 我使用svg来反应cli（https://www.npmjs.com/package/svg-to-react-cli）以将我的svg转换为反应组件。然后我删除标签defs和元数据。为了完成，我将svg代码粘贴到我的react组件中。它工作正常。