Javascript 无法将状态道具添加到<;a>;标签

Javascript 无法将状态道具添加到<;a>;标签,javascript,reactjs,Javascript,Reactjs,我正在尝试向标记中动态添加一个id 它不起作用了。VS code一直说我必须添加… 有什么想法吗?很抱歉,我是JavaScript新手,没有反应 谢谢您需要使用字符串模板文字 <a href={`/profile?id=${this.state.userInfo.id}`}> 在react中,我们不使用路由标记,而是使用名为react router dom的包/库来处理路由。您可以浏览文档,因为React中有很多动态路由的方法。希望这有帮助。当标签刷新页面时,a可能会出现不太可能

我正在尝试向标记中动态添加一个id

它不起作用了。VS code一直说我必须添加

有什么想法吗?很抱歉,我是JavaScript新手,没有反应


谢谢

您需要使用字符串模板文字

<a href={`/profile?id=${this.state.userInfo.id}`}>

在react中,我们不使用路由标记,而是使用名为react router dom的包/库来处理路由。您可以浏览文档,因为React中有很多动态路由的方法。希望这有帮助。当标签刷新页面时,a可能会出现不太可能的行为。

您可以使用
而不是
使用react router dom

此示例来自他们的网站

  BrowserRouter as Router,
  Switch,
  Route,
  Link
} from "react-router-dom";

    <Router>
      <div>
        <nav>
          <ul>
            <li>
              <Link to="/">Home</Link>
            </li>
             </nav>
       </Router>```
BrowserRouter作为路由器,
转换
路线,,
链接
}从“反应路由器dom”;
  • ```
如果尝试呈现链接,如
/profile?id=123
,其中
123
是用户id,则应使用将变量值插入字符串

<a href={`/profile?id=${this.state.userInfo.id}`}>