**已关闭。**此问题需要debugging details。当前不接受答案。

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
昨天关门了。
Improve this question
我正在做这个待办事项列表从youtube频道.下面是代码

import { useState } from "react";

export default function Todo(){
    const[todo,settodo]=useState("");
    const [todolist,settodolist]=useState([])

    const Handletodo=(event)=>{
        settodo(event.target.value)
    }
    const HandleSubmit=(event)=>{
        event.preventDefault();
        todolist.push(todo);
        console.log(todolist)
        settodo("")
    }
    return(
        <div>
        <form onSubmit={HandleSubmit}>
            <div>
                <input type={"text"}  value={todo} onChange={Handletodo}></input>
                <button type="submit">Add</button>
            </div><br/>
        </form>
        {todolist.map((item)=>{
            <h3>item</h3>
         })}
        </div>
    )
}

为什么我不能迭代todolist.map（）作为返回
这是视频https://www.youtube.com/watch?v=eYlC4ReZRCk&list=PLSsAz5wf2lkK_ekd0J__44KG6QoXetZza&index=33的链接