如何为useState设置字符串默认值并为newTask添加TypeScript接口类型？

你的代码存在语法和类型匹配问题，以下是修正后的完整代码及关键说明：

修正后的代码 #

interface ITask {
  title: string;
  author: string;
  description: string;
  status: number;
  priority: number;
}

const NewTask: FC<Props> = ({ authors, onFinish }) => {
  const [title, setTitle] = useState("");
  const [author, setAuthor] = useState("");
  const [description, setDescription] = useState("");
  const [status, setStatus] = useState(false);
  const [priority, setPriority] = useState(false);

  const sendTask = () => {
    // 用 : ITask 指定对象类型，而非泛型语法 <ITask>
    const newTask: ITask = {
      title: title,
      author: author, // 对齐接口字段名，替换原 author_name
      description: description,
      status: +status,
      priority: +priority // 将boolean转为number，匹配接口类型
    };
    
    console.log(newTask);
  };

  // 补充组件返回的JSX内容（原代码省略部分）
  return (
    // 你的组件渲染内容
  );
};

关键修正点 #

• 接口定义语法：TypeScript 接口声明不需要=，直接写interface ITask { ... }即可
• 对象类型标注：指定变量类型要用:，而非泛型语法<ITask>，正确写法是const newTask: ITask = { ... }
• 字段名对齐：接口定义的字段是author，需和对象中的字段名保持一致，不能写author_name
• 类型兼容处理：接口中priority是number类型，要把状态中的boolean值转为数字，用+priority实现（和status的处理方式一致）

内容的提问来源于stack exchange，提问作者user21728832