通过onClick从数组（useState）中删除元素

Question

我有一个包含<SnackBar>元素的数组：

const [snackbars,setSnackbars]=useState([
    <ReactSnackBar Show={true}>
       Snackbar 1
       <Icon onClick={snackbars.pop()}/>
    </ReactSnackBar>,
    ...
]}

我想单击<Icon/>，以删除此当前的快餐栏，以便 next 快餐栏可见。 但这不适用于错误

ReferenceError：之前无法访问词汇声明“ snackbars” 初始化

如果我在onClick内使用辅助函数，则是相同的。

有什么建议可以解决吗？