如何将 Link 与组件和动态端点一起使用

Question

如何将 Link 与组件和动态端点一起使用，对于这个特定的用例，我是否会更好地使用路由器？如果是这样，我将如何实现它？

{rentals.map((rental, id) => (
          <Link key={id} href={`/rentals/${rental.id}`}>
            <RentalCard rental={rental} />
          </Link>
        ))}

Answer 1

像这样将 RentalCard 组件包装在一个空的 A 标签中；

{rentals.map((rental, id) => (
            <Link key={id} href={`/rentals/${rental.id}`}>
              <a>
                <RentalCard rental={rental} />
              </a>
            </Link>
          ))}

如何将 Link 与组件和动态端点一起使用

How can I use Link with a component and dynamic endpoint

next.js