useState Array. ERROR Error: Too many re-renders. React limits the number of renders to prevent an infinite loop

Question

我有一个存储在状态中的数组。当我尝试将新数据推送到数组时，它返回此错误： Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.

这是我使用的代码：

const [currencies,setCurrencies] = useState(['USD', 'AUD', 'SGD', 'PHP', 'EURP']); 
setCurrencies(currencies => [...currencies, 'NSD', 'PLN']);

Answer 1

你可以尝试做：

setCurrencies([...currencies, 'NSD', 'PLN']);