需要解决 lint 中的 no-unused-vars

问题描述 投票:0回答:1

下面是我的代码,我不明白为什么它会遇到 no-unused-vars 错误?

import React from "react";
import TaskItem from "./TaskItem";
import { Task } from "@/app/api/interfaces/interfaces";

interface TaskListProps {
  tasks: Task[];
  onTaskCompletion: (taskId: number) => void;
}

const TaskList: React.FC<TaskListProps> = ({ tasks, onTaskCompletion }) => {
    return (
        <ul>
            {tasks.map(task => (
                <TaskItem
                    key={task.task_id} // Using task_id as key
                    task={task}
                    onTaskCompletion={() => onTaskCompletion(task.task_id)} // Passing task_id to onTaskCompletion
                />
            ))}
        </ul>
    );
};

export default TaskList;

7:22 错误:“taskId”已定义但从未使用。 没有未使用的变量

reactjs eslint lint
1个回答
0
投票

您能分享一下您的 eslint 配置吗?我已经使用模拟导入在本地创建了相同的文件,但没有对我发出警告...

© www.soinside.com 2019 - 2024. All rights reserved.