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