solidjs 的 `createResource` 返回响应式信号，但数据需通过 `.read()` 或解构为 `[data, { loading, Error }]` 形式访问；直接调用 `user()` 在未就绪时返回 `undefined`，应使用条件渲染或 `suspense` 保障数据可用性。
在 Solidjs 中，createResource 并不立即返回解析后的数据对象，而是返回一个 响应式资源信号对（如 [data, { loading, error }]），其中 data() 是一个需显式读取的信号（内部封装了异步状态）。你不能像同步变量一样直接访问 user().name —— 因为 user() 在资源未完成前返回 undefined，且其值仅在 Solid 的响应式上下文中（如 JSX、createEffect、onMount 等）才被安全求值。
✅ 正确做法：解构资源 + 条件渲染 + 响应式副作用处理
import { createResource, createEffect, onMount } from 'solid-js'; import { Suspense } from 'solid-js/web'; const fetchData = async (url: string) => { const res = await fetch(`/api${url}`); if (!res.ok) throw new Error(`HTTP ${res.status}`); return res.json(); }; function User() { const handleSubmit = (e: Event) => { e.preventDefault(); signIn({ email: "Foo", password: "Bar" }); }; // ✅ 正确声明：将 resource 提升至组件顶层（避免重复创建） const [user, { loading, error, refetch }] = createResource( () => ({ email, password }: { email: string; password: string }) => fetchData(`/sign-in/${email}/${MD5(password)}`) ); const signIn = (obj: { email: string; password: string }) => { if (obj.email && obj.password) { // ✅ 触发请求（自动执行 fetcher） refetch(obj); } }; // ✅ 在数据就绪后执行副作用（如跳转、埋点、格式化） createEffect(() => { if (user() && !loading()) { console.log('User loaded:', user()); console.log('User name:', user()?.name); // 安全访问可选链 // ? 示例：根据角色跳转 // if (user()?.role === 'admin') router.push('/admin'); } }); return ( <> {/* ✅ 推荐方式1：使用 Suspense + fallback */} Loading...