todolist.js

// add 1 input fild and button by clicking on button display enter task on the same page
import React,{useState} from 'react'

export default function GG() {
    const [task, settask] = useState("");
    const [todolist,settodolist]=useState([])
    function t(event){
        settask(event.target.value)
    }
    function addtask(event){
        settodolist([...todolist,task])
    }
  return (
    <div>
         <form>
        <br></br>
        EnterTask :-
        <input type="text" name='task' onChange={t}></input>
        <br></br>
        <br></br>
        <button onClick={addtask}>Add Task</button>
        </form>
        {
            todolist.map((val)=>{
                return <h1>{val}</h1>
            })
        }
    </div>
  )
}