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

【问题标题】：How to change header logo in specific page in ReactJS如何在 ReactJS 中更改特定页面中的标题徽标
【发布时间】：2020-06-30 01:35:04
【问题描述】：

我有以下反应代码。

我想要的是，当我单击标题徽标时，它应该在另一个徽标上发生变化（我们称之为组件 A）。但在其他情况下，当我点击“home”、“about”或“contact”时，组件 B 应该会发生变化。

我写

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

但它没有显示任何图像。

【问题讨论】：

【解决方案1】：

有细微的变化而不是

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

改成这个

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

【讨论】：