更改字体真棒图标 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 中的初始值的字符串。