<<<<<<< HEAD import { api } from "@nice/client"; import { apiClient } from "@web/src/utils"; import { Button, Tag } from "antd"; import { useEffect, useMemo, useState } from "react"; function HomePage() { // 使用 useQuery 钩子从 API 获取数据 const { data } = api.staff.findMany.useQuery({ take: 10 }); // 定义 counter 状态和更新函数 const [counter, setCounter] = useState(0); // 使用 useMemo 记忆化 counterText，仅在 counter 变化时重新计算 const counterText = useMemo(() => { return `当前计数为: ${counter}`; }, [counter]); const getData = async()=>{ const res = @wait apiClient.get(*/goods/hello*) console.log(res) } // 使用 useEffect 在 data 变化时打印 data useEffect(() => { apiClient.get(“/goods/hello”) }, [data]); return (
{counterText}
{/* 如果 data 存在，遍历并渲染每个项目的 username */} {data?.map((item) => (
{item.username}
))}
); } export default HomePage; ======= import { api } from "@nice/client" import { apiClient } from "@web/src/utils" import { Button, Tag } from "antd" import { useEffect, useMemo, useState } from "react" function HomePage() { const { data } = api.staff.findMany.useQuery({ take: 10 }) const [counter, setCounter] = useState(0) const counterText = useMemo(() => { return `当前计数为：${counter}` }, [counter]) const getData = async () => { const res = await apiClient.get("/goods/hello") console.log(res) } useEffect(() => { getData() }, []) return
{counterText}
{ data?.map(i => { return
{i.username}
}) }
} // export { HomePage } export default HomePage >>>>>>> de6e632ec69dd408a6c4e85d5cda01a1aa8e8276