Javascript 单击reactjs更改字体图标

我正在用React创建导航栏。我使用burger菜单，我想将bar菜单更改为times on click当前我有以下内容：

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

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

const{icons，setIcon}=useState（'fabar'）；
...
{setIcon（{faTimes}}}
/>

---

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

尝试将新值作为

字符串传递，如下所示：

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

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

{setIcon（'faTimes'）}
/>

主要问题可能是您试图作为对象传递-
setIcon（{faTimes}）
-而不是基于
useState
中初始值的字符串，应该是这样的：
const[icons，setIcon]=useState（'fabar'）；设置图标（'faTimes'）