react mapの使い方

Question

const handleDoneの処理ってどういうことをしているのでしょうか？
調べて見たところmapは新しい配列を作るのでこの処理はsetTasksの配列の一個一個をprevとして扱っていると思います。
tという文字がいきなり出てきているのですがこれはなんなのでしょうか？
また ? { ...task, done: !task.done }
: tという処理はどんなことをしているのでしょうか？
わかる人がいましたら教えて欲しいです。
このサイトのコードです
https://www.webopixel.net/javascript/1598.html

const TaskList: React.FC<Props> = ({ tasks, setTasks }) => {
 
    const handleDone = (task: Task) => {
        setTasks(prev => prev.map(t =>
            t.id === task.id
                ? { ...task, done: !task.done }
                : t
        ))
    }
 
    const handleDelete = (task: Task) => {
        setTasks(prev => prev.filter(t =>
            t.id !== task.id
        ))
    }
 
    return (
        <div className="inner">
        {
            tasks.length <= 0 ? '登録されたTODOはありません。' :
            <ul className="task-list">
            { tasks.map( task => (
                <TaskItem
                    key={task.id}
                    task={task}
                    handleDelete={handleDelete}
                    handleDone={handleDone}
                />
            )) }
            </ul>
        }
        </div>
    )
}
 
export default TaskList

Answer 1

tという文字がいきなり出てきているのですがこれはなんなのでしょうか？

mapに渡すコールバック関数の引数です。tであることに意味はなく、どんな名前をつけても構いません。

また ? { ...task, done: !task.done }

: tという処理はどんなことをしているのでしょうか？

三項演算子です。t.id === task.idの場合は{ ...task, done: !task.done }、そうでない場合はtを返します。

Comments

[dsfdsf]

回答ありがとうございます。
tには何が入るのでしょうか？
また{ ...task, done: !task.done }ってどういう意味なんでしょうか？
ざっくりとした質問ですいません。

[quzq]

tに入るのは、配列prevの１つ１つの要素です。
{ ...task, done: !task.done }は、何の目的のプログラムかわかんないんで想像ですが、task.doneを反転させているんで、何かアクションするたびに完了/未完了の切り替えをしたいんじゃないかと。あとの処理で、この値をstateに保存してると思いますよ。