如何在ReactJS的特定页面中更改标题徽标

Question

我有以下反应代码。

code

我想要的是当我单击标题徽标时，它应该在另一个徽标上更改（我们将其称为组件A）。但是在其他情况下，当我单击“家庭”，“关于”或“联系人”时，它应该在组件B上更改。

我写

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

但不显示任何图像。

Answer 1

有微小变化 代替

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

更改为此

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