Sharepoint SPFx ${} 在渲染方法中用 space 替换斜杠

Sharepoint SPFx ${} replace slash with space in render method

我对 spfx 客户端开发模型还很陌生,有些东西我不明白。

在 sharepoint webpart (SPFx) 中,我尝试动态加载图像 src,但如果我这样做:src="${item.ImageUrl}" 斜杠 (/) 将替换为空格。但如果我手动执行:src="https://picsum.photos/720/300/?image=0",图像显示没有问题。

如有任何帮助,我们将不胜感激! 谢谢!

是我的错!

<img class="${styles.image} src="${item.ImageUrl}" alt="${escape(item.Title)}"  />

它在 class 样式之后缺少 ",所以出于一个奇怪的原因,url 制作了那个东西。

这给我上了宝贵的一课。如果还是不行就回家明天试试:)