reactjs - 锚标签链接

Question

我正在试图弄清楚如何将这些代码行输出到像

这样的代码中

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

BASE_URL 为

当我运行此代码时，我在浏览器中获得此输出：

这样做的正确方法是什么？

Answer 1

在这种情况下，您只需要丢失引号：

<a href={BASE_URL}>

您可以在https://babeljs.io/repl/使用JSX编译器来更好地了解它编译的JS。

Answer 2

此外，您可以使用键属性

，而不是返回对象

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

Answer 3

<a href={BASE_URL}>

{BASE_URL}-这将是您的网址链接。