todo

1
import React, { useState } from 'react';
2
import './TodoForm.css'
3

4
interface ToDoFormProps {
5
    setTasks: React.Dispatch<React.SetStateAction<Task[]>>;
6
}
7

8
const ToDoForm: React.FC<ToDoFormProps> = ({ setTasks }) => {
9
    const [input, setInput] = useState<string>('');
10

11
    const handleSubmit = (e: React.FormEvent) => {
12
        e.preventDefault();
13
        if (input.trim()) {
14
            setTasks(prev => [...prev, { id: Date.now(), text: input, completed: false }]);
15
            setInput('');
16
        }
17
    };
18

19
    return (
20
        <form onSubmit={handleSubmit}>
21
            <input
22
                type="text"
23
                value={input}
24
                onChange={(e) => setInput(e.target.value)}
25
                placeholder="What needs to be done?"
26
            />
27
        </form>
28
    );
29
}
30

31
export default ToDoForm;
32