Je crée un widget spfx à l'aide de react qui consomme un point de terminaison d'API JSON. Il crache ensuite les derniers messages.
Lors de l'ajout de la variable {url} dans un - L'URL est un hôte local aléatoire au lieu de l'url complète
<a href="{url}">{url}</a>
Le {url} à l'intérieur de la balise a est le lien complet réel https: / / etc. mais celui à l'intérieur de href = "" se transforme en un lien localhost comme:
https: // localhost: 4321 / temp /% 7B% 60url% 60% 7D
Des idées pourquoi?!
3 Réponses :
Lorsque vous souhaitez exécuter JavaScript pour un attribut, utilisez des accolades mais pas de guillemets:
<a href={url}>{url}</a>
Je ne peux pas accepter votre réponse pendant encore 13 minutes! A parfaitement fonctionné merci.
Le problème est dû aux doubles guillemets entourant la variable JSX.
<a href={url}>{url}</a>
La mettre à jour comme telle fonctionnerait
La valeur entre accolades devrait être une expression JavaScript, c'est-à-dire une fonction, un objet, une variable ou tout code qui sera calculé ultérieurement. Mais passer la valeur entre guillemets la transforme en une simple chaîne. Donc, pour résoudre ce problème, utilisez
<a href={url}>{url}</a>