更改字體真棒圖標 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中的初始值的字符串傳遞。