Question

我正在开发一个React应用程序。当用户单击列表视图上的视图按钮时，我希望使用item_id将其重定向到视图页面。我尝试使用超链接（＆lt; a＆gt;标记）标记来执行此操作，但它不会使用所单击行的item_id进行导航。我想知道如何在反应中传递带有URL的参数。

这是我试过的代码。

 <a className="btn btn-info btn-xs" href={'/#/fld-view/:id'} title="View"><span className="glyphicon glyphicon-eye-open" aria-hidden="true"></span></a>

Answer 1

来自Link的

组件react-router将是解决方案。另外，要将道具（在您的情况下为id）添加到字符串中，您应该这样：

href={`/#/fld-view/${id}`} //ES6 or ES7 if I remember

如果您还没有使用它：

href={'/#/fld-view/' + id}

Answer 2

不使用<a>标记，而是使用react-router

中的<Link></Link>标记

<Link to={
      {
        pathname: match.url + '/view',
        search:'? itemview1=' + id_1  
       }
  }>GO TO A VIEW</Link>

用URL反应传递参数

2 个答案: