Reactjs 如何循环浏览Airtable？我的数据未显示

我有一个React+Airtable项目，我的AT连接并添加产品， 我可以在控制台中看到我的数据。但是，我不知道为什么它没有显示在我的项目。 我完全按照一个教程，但我不确定它是什么，它不是正确的连接循环通过我的领域

我的“桌子”还活着，小心

我的字段是姓名，价格，描述，死亡， 然后，我将“CARE”连接到我的“ALIVE”表，以链接建议的产品。 但是，它不会在屏幕上呈现到我的项目中

我错过了什么

这在我的APP.js中

function App() {
    const [ALIVE, setALIVE] = useState([]);
    const [CARE, setCARE] = useState([]);
  
    useEffect(() => {
      base("ALIVE")
        .select({ view: "Grid view" })
        .eachPage((records, fetchNextPage) => {
          setALIVE(records);
          fetchNextPage();
        });
      base("CARE")
        .select({ view: "Grid view" })
        .eachPage((records, fetchNextPage) => {
          setCARE(records);
          fetchNextPage();
        });
    }, []);
  
    return (
      <>
        <div/>
        <div>My ALIVE</div>
        {ALIVE.map((alive) => (
          <alive
            key={alive.id}
            alive={alive}
            CARE={CARE.filter(
              (CARE) => CARE.fields.aliveid[0] === alive.id
            )}
          />
        ))}
      </>
    );
  }
  
  export default App;

函数应用程序（）{
const[ALIVE，setALIVE]=useState（[]）；
const[CARE，setCARE]=useState（[]）；
useffect（（）=>{
基地（“活着”）
.选择（{视图：“网格视图”}）
.eachPage（（记录，获取下一页）=>{
setALIVE（记录）；
fetchNextPage（）；
});
基础（“护理”）
.选择（{视图：“网格视图”}）
.eachPage（（记录，获取下一页）=>{
setCARE（记录）；
fetchNextPage（）；
});
}, []);
返回(
我的孩子还活着
{ALIVE.map（（ALIVE）=>(
CARE.fields.aliveid[0]==alive.id
)}
/>
))}
);
}
导出默认应用程序；

这是我的组件

  const Alive = ({ Alive, Care }) => {
    return (
      <dive>
        <div>
          {" "}
          <input type="checkbox" defaultChecked={Alive.fields.complete} disabled />
          <span />
        </div>
        <h2>{Alive.fields.title}</h2>
        <div>
          <h3>DETAILS</h3>
          <p>{Alive.fields.details}</p>
          <h3>Care</h3>
          {Care.map((update, index) => (
            <p key={index}>{update.fields.update}</p>
          ))}
        </div>
      </dive>
    );
  };
  
  export default Alive; 

const-Alive=（{Alive，Care}）=>{
返回(
{" "}
{Alive.fields.title}
细节
{Alive.fields.details}

照顾
{Care.map（（更新，索引）=>(
{update.fields.update}
))}
);
};
导出默认活动；