如何使用参数来响应路由器 dom link

Question

我在尝试传递 id 以响应路由器时遇到问题 dom link

  <Link to="properties/${property.id}/edit">Edit</Link>

我确定定义了“property.id”，但 link 并没有转到页面的 ID，而是像这样显示：

http://localhost:3000/admin/properties/$%7Bproperty.id%7D/edit

有人可以帮我解决这个问题吗？

Answer 1

您正在将字符串传递给 to 参数。您应该像这样传递模板字符串：-

<Link to={`/properties/${property.id}/edit/`}>Edit</Link>

How to use params to react router dom link