Sharepoint SPFx $ {} заменить косую черту на пробел в методе рендеринга

Я новичок в модели разработки на стороне клиента spfx и кое-что не понимаю.

В веб-части sharepoint (SPFx) я пытаюсь динамически загрузить изображение src, но если я это сделаю: src = "$ {item.ImageUrl}", косые черты (/) заменяются пробелами. Но если я сделаю это вручную: src = "https://picsum.photos/720/300/?image=0", изображение будет показано без проблем.

Любая помощь будет оценена по достоинству! Спасибо!


sharepoint spfx
person user1385416    schedule 19.09.2018    source источник
comment
Можете ли вы попробовать это как <img src={item.ImageUrl} /> без двойных кавычек и $?   -  person Gautam Sheth    schedule 20.09.2018
comment
Это просто отображает src = {item.ImageUrl} в html   -  person user1385416    schedule 20.09.2018

Ответы (1)


arrow_upward
0
arrow_downward

Это была моя ошибка!

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

Отсутствует "после стилей класса", поэтому по странной причине URL-адрес делает это.

Это преподал мне ценный урок. Если что-то не работает, идите домой и попробуйте завтра :)

person user1385416    schedule 20.09.2018