如何使用 React 中的 google sheet api 动态获取电子表格中的工作表列表？

Question

有没有办法在下面的谷歌工作表中获取所有工作表的列表？见ranges=${sheet}。下面的代码从一张工作表中获取数据，但我想获得一张工作表列表，以便我可以动态调用它们。

const API = `https://sheets.googleapis.com/v4/spreadsheets/${sheetID}/values:batchGet?ranges=${sheet}&majorDimension=ROWS&key=${key}`;

    useEffect(()=>{

        fetch(API).then(response => response.json()).then(data => {

            console.log(data)

            let rows = data.valueRanges[0].values;

          });

    }, []);

Answer 1

您想使用 API 密钥检索电子表格中的工作表名称。您已经知道电子表格 ID。电子表格是公开共享的。您想使用fetchJavascript来实现这一点。如果我的理解是正确的，这个答案怎么样？修改点：为了检索电子表格中的工作表名称，使用了 Sheets API 中的电子表格电子表格的方法。脚本 1：用于在电子表格中检索工作表名称的示例脚本如下。const endpoint = `https://sheets.googleapis.com/v4/spreadsheets/${sheetID}?key=${key}`;fetch(endpoint).then(response => response.json()).then(data => {  const sheetNames = data.sheets.map(sheet => sheet.properties.title);  console.log(sheetNames)});脚本2：当你的脚本被修改时，下面的修改如何？在这个修改后的脚本中，从电子表格中的所有工作表中检索值。const endpoint = `https://sheets.googleapis.com/v4/spreadsheets/${sheetID}?key=${key}`;fetch(endpoint).then(response => response.json()).then(data => {  data.sheets.forEach(s => {    const sheetName = s.properties.title;    const API = `https://sheets.googleapis.com/v4/spreadsheets/${sheetID}/values:batchGet?ranges=${sheetName}&majorDimension=ROWS&key=${key}`;    fetch(API).then(response => response.json()).then(data => {      console.log(data)      let rows = data.valueRanges[0].values;    });  });});脚本 3：在此脚本中，仅从电子表格中的第一个工作表中检索值。fetch(endpoint).then(response => response.json()).then(data => {  const sheetName = data.sheets[0].properties.title;  const API = `https://sheets.googleapis.com/v4/spreadsheets/${sheetID}/values:batchGet?ranges=${sheetName}&majorDimension=ROWS&key=${key}`;  fetch(API).then(response => response.json()).then(data => {    console.log(data)    let rows = data.valueRanges[0].values;  });});笔记：如果要从电子表格中的特定工作表中检索值，请修改上述脚本。