reactjs-アンカータグリンク

Question

これらのコード行を次のようなものに出力する方法を理解しようとしています

<a href="http://">SOMETHING</a>

enter image description here

BASE_URL as enter image description here

このコードを実行すると、ブラウザーに次の出力が表示されます。 enter image description here

これを行う正しい方法は何ですか？

Sophie Alpert · Accepted Answer

この場合、引用符を失う必要があります。

<a href={BASE_URL}>

babeljs でJSXコンパイラを試して、どのJSにコンパイルされるかを少しよく理解することができます。

Vjeux · Answer

また、オブジェクトを返す代わりに、key属性を使用できます

return <ul className="nav" key="list"> ... </ul>;