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