我正在使用Redux Toolkit创建一个目标跟踪器，用于学习目的。目标保存在一个数组中，我可以将新值推送到该数组中，没有任何问题，但当我尝试对同一个数组执行state.filter时，该值没有被删除。Redux devtools显示deleteGoal正在运行，但它没有删除任何内容。
我试着使用splice、过滤current（state）、记录状态，并在不同的文件中放置调试器，我注意到状态记录是代理，但如果这就是问题所在，为什么state.push（）可以工作而state.filter（）不能？
数组（在切片中）：

const initialState = [
    {
        id: 1,
        input: 'drink water',
        achieved: true
    },
    {
        id: 2,
        input: 'in bed by 11:15',
        achieved: true
        },
    {
        id: 3,
        input: 'study 2hrs',
        achieved: true
    },
]

这些行动：

export const goalsSlice = createSlice({
  name: 'goals',
  initialState,
  reducers: {
    addGoal: (state, action) => {
        state.push(action.payload)
      },
    deleteGoal: (state, action) => {
      const goalId = action.payload
      state.filter((goal) => goal.id !== goalId)
      console.log(current(state))
    },
  },
})

渲染它的组件：

<Text
        fontSize="3xl"
        fontWeight={600}
        >your goals:</Text>
            {goals.map((goal, index) => (
                    <li 
                    key={index}
                    onDoubleClick = {goal => {
                        dispatch(deleteGoal(goal.target.textContent))
                        // console.log(goal)
                        // console.log(goal.target.textContent)
                    }}
                    className='goal-text'
                    >
                        
                        {goal.input}
                    </li> 
            
        ))}