React Native中使用Best Sheet API实现Google Sheets分表存储问题

核心问题分析 #

• 现有代码未指定目标工作表，默认写入Sheet1导致数据重复存储
• URL中的模板字符串语法错误，fileName参数未被正确解析
• Best Sheet API支持通过sheet查询参数指定目标工作表，若该工作表不存在会自动创建

解决方案步骤 #

1. 生成唯一工作表名称：每次保存时生成递增序号或时间戳作为新表名，确保唯一性
2. 修正API请求URL：添加sheet参数指定新表名，同时修复模板字符串语法问题
3. 验证自动创建逻辑：请求时指定不存在的表名，API会自动在对应Google Sheets文件中创建新表

修改后的完整代码 #

// 生成唯一工作表名称：推荐用时间戳避免序号冲突，也可改用递增序号
const getNewSheetName = () => {
  return `Sheet_${Date.now()}`;
  // 若需递增序号，可通过本地存储记录上次序号：
  // const lastSheetNum = localStorage.getItem('lastSheetNum') || 1;
  // const newSheetNum = parseInt(lastSheetNum) + 1;
  // localStorage.setItem('lastSheetNum', newSheetNum);
  // return `Sheet${newSheetNum}`;
};

const newSheetName = getNewSheetName();
// 修正URL：用反引号包裹字符串，添加sheet参数指定新工作表
const url = `https://sheet.best/api/sheets/69042d86-72ec-4c78-8400-67a9bd4cf766?sheet=${newSheetName}`;

const config = {
  headers: {
    'Content-Type': 'application/json',
  },
};

axios
  .post(url, formattedTrans, config)
  .then(response => {
    console.log('Response ------------------------------------>>>', response);
    dispatch(changeLoadingStatus());
    if (response) openGoogleSheetsLink();
  })
  .catch(error => {
    dispatch(changeLoadingStatus());
    if (error.response) {
      console.log('Response Data:', error.response.data);
      Toast.show({
        type: 'error',
        text1: 'Server Error',
        text2: 'Server Error Request failed!'
      });
    }
  });

关键修改说明 #

• 工作表名称生成：时间戳方案可避免多端操作时的序号冲突，递增序号适合单端固定场景
• URL参数调整：用sheet查询参数替代无效的fileName，Best Sheet API会自动创建指定的新工作表
• 语法修复：将URL的单引号改为反引号，确保模板字符串正确解析变量

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