URL-адрес не работает в Ahref, но в текстовом формате

Question

Я создаю spfx-виджет, использующий реагирование, которое использует конечную точку API-интерфейса JSON. Затем он выплевывает последние несколько сообщений.

При добавлении переменной {url} в <a href=""></a> - URL является случайным локальным, а не полным URL

  <a href="{url}">{url}</a>

. {url} внутри тега находится фактическая полная ссылка https://etc.., но внутри href="" она превращается в локальную ссылку вроде: https://localhost:4321/temp/%7B%60url%60%7D

Есть идеи почему?!

Answer 1

Если вы хотите запустить JavaScript для атрибута, используйте фигурные скобки, но без кавычек:

<a href={url}>{url}</a>

Answer 2

Проблема из-за двойных кавычек, окружающих переменную JSX.

<a href={url}>{url}</a>

Обновление так, как это будет работать

Answer 3

Ожидается, что значение в фигурных скобках будет выражением JavaScript, т. Е. Функцией, объектом, переменной или любым кодом, который будет вычислен позже. Но передача значения в двойных кавычках превращает его в простую строку. Поэтому для решения этой проблемы используйте

<a href={url}>{url}</a>