我在導航欄上使用 NavLink，所以我可以使用 activeClassName 屬性，它可以在我的導航欄上添加活動類。但是我的問題是當我進入詳細資訊頁面時，我再也看不到活動課程了。讓我給你看一些照片，以便更好地理解。
普通頁面：
當我從卡片中單擊一項服務時，它會轉到詳細資訊頁面。
我想要什么：當我單擊詳細資訊卡時，服務部分仍應處于活動狀態。我該怎么辦？
我的導航欄：（我從一個陣列制作導航欄，這就是為什么它有 x。X 是我的 1 元素。）
<NavLink
activeClassName="active-nav"
exact
key={x.key}
className=" text-white truncate flex self-center items-center lg:px-5 xl:px-6 2xl:px-10 "
style={{ fontSize: "17px", lineHeight: "28px" }}
to={x.Link}
>
{x.Name}
</NavLink>
uj5u.com熱心網友回復：
你只需exact要從NavLink
<NavLink
activeClassName="active-nav"
key={x.key}
className=" text-white truncate flex self-center items-center lg:px-5 xl:px-6 2xl:px-10 "
style={{ fontSize: "17px", lineHeight: "28px" }}
to={x.Link}
>
{x.Name}
</NavLink>
然后當您呈現詳細資訊頁面時，它應該被呈現為Service頁面的子頁面。例如，如果localhost:3000/treatments是您的服務頁面 url，那么詳細資訊頁面應該是localhost:3000/treatments/detail?id=1
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/395551.html
標籤：javascript html css 反应