React.js中调用Google Tasks API批量添加任务失败求助

问题根源 #

Google Tasks API的tasks.insert接口仅支持单次插入单个任务，不接受数组格式的任务列表或者包含items字段的对象作为resource参数。你尝试的两种批量写法都不符合接口规范，这就是报错的直接原因。

正确实现方式 #

要批量添加任务，需要遍历任务数组，对每个任务单独调用tasks.insert，并用Promise.all来统一处理所有异步请求：

async function addManualTasks() {
  const tasks = [
    { title: 'Task 1', notes: 'This is the first task' },
    { title: 'Task 2', notes: 'This is the second task' },
  ];
  const tasklistId = 'MTc0MTY5NjA3MTc2ODY1MDAwNjk6MDow';

  try {
    // 遍历任务数组，生成每个任务的插入Promise
    const insertPromises = tasks.map(task => 
      gapi.client.tasks.tasks.insert({
        tasklist: tasklistId,
        resource: task
      })
    );

    // 等待所有插入请求完成
    const results = await Promise.all(insertPromises);
    console.log('所有任务添加完成:', results);
  } catch (error) {
    console.error('批量添加任务失败:', error);
  }
}

注意事项 #

• 注意Google Tasks API的调用速率限制，如果批量任务数量较多，建议加入适当的延迟（比如用setTimeout分批处理），避免触发API限流。
• 确保每个任务的格式符合API要求（比如title是必填字段，其他字段如notes是可选）。

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