更改字体真棒图标onclick reactjs

Question

我正在用 React 创建一个导航栏。我使用汉堡菜单，我想将栏菜单更改为点击次数，目前我有以下内容：

const {icons, setIcon} = useState('faBars');
...
<FontAwesomeIcon 
   icon={icons}
   onClick={() => {setIcon({faTimes})}}
/>

但是显然不行。我想知道如何更正代码。

Answer 1

尝试将新值作为 string 传递，如下所示：

<FontAwesomeIcon 
   icon={icons}
   onClick={() => {setIcon('faTimes')}}
/>

主要问题可能是您尝试作为对象传递 - setIcon({faTimes}) - 而不是基于 useState.

中的初始值的字符串

Change font-awesome icon onclick reactjs