获取错误映射函数未定义

Question

我正在制作一个待办事项列表，我想通过使用数组过滤器删除存储在数组中的数据。但我从下面的代码中得到错误
这是下面的代码

                  const onDelete = (id) => {
                    setaddItem((prevData) => {
                        console.log(prevData);
                
                    });
                  }
        I want to use it as : 
         const onDelete = (id) =>{
               setaddItem((prevData) =>{
                  prevData.filter((value, index) =>{
                      return index !== id;
        })})}

But why iam getting this error I don't know plz help. I have pasted the whole code below of my todos list.           
  
    function App() {
      const [addItem, setaddItem] = useState([]);
    
      const addNote = (note) => {
        setaddItem((prevData) => {
          console.log(prevData);
          return [...prevData, note];
        });
      };
    
      const onDelete = (id) => {
        setaddItem((prevData) => {
            console.log(prevData);
    
        });
      }        
      return (
        <>
          <Header />
          <CreateNote passNote={addNote} />
          {
            addItem.map((val, index) => {
              return (
                <Note
                  key={index}
                  id={index}
                  title={val.title}
                  content={val.content}
                  deleteItem={onDelete}
                />
              );
            })}
          <Footer />
        </>
      );
    }   
    export default App;

这是我发现错误的待办事项列表，请解决，我也导入了所有上述功能。

错误是：additem.map 函数未定义

Answer 1

尝试像这样更改onDelete函数

const onDelete = (id) => {
  const filteredData = [...addItem].filter((value, index) => index !== id);
  setaddItem(filteredData);
};