如何在 ReactJS 的特定頁面中更改 header 徽標

Question

我有以下反應代碼。

我想要的是，當我單擊 header 徽標時，它應該在另一個徽標上更改（我們稱之為組件 A）。 但在其他情況下，當我點擊“home”、“about”或“contact”時，它應該在組件 B 上發生變化。

我寫的

  <img src={useLocation().pathname == "/" ? { A } : { B }} alt="" />

但它不顯示任何圖像。

Answer 1

有微小的變化而不是

<img src={useLocation().pathname == "/" ? { A } : { B }} alt="" />

改成這個

<img src={useLocation().pathname == "/" ? A : B} alt="" />