相关代码：

import { useState } from "react"
import './Todolist.css'

function Todolist(){
    const [inputValue,ValueChange] = useState('');
    const [listItem,ListChange] = useState(['hello','world']);

    function delList(index){
        listItem.splice(index,1)
        return ListChange([...listItem])
    }
    function handleKeyUp(e){
        if(e.keyCode===13)
        return (
            ListChange([...listItem,e.target.value]),
            ValueChange('')
            )
    }
    return (
        <div className="input-box">
            <input value={inputValue}
            onChange={(e)=>ValueChange(e.target.value)}
            onKeyUp={handleKeyUp}
            className="search"
            />
            <ul>
                {listItem.map((value,index)=>{
                    return <li key={index} onClick={()=>delList(index)}>{value}</li>
                })}
            </ul>
        </div>
    )
}

export default Todolist;

问题描述：

这样可以吗