更改字体真棒图标 onclick reactjs

Question

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

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

但显然它不起作用。 我想知道如何更正代码。

Answer 1

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

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

主要问题可能是您尝试将其作为 object - setIcon({faTimes}) - 而不是基于useState中的初始值的字符串传递。