feat: 将list相关的代码迁移到game_pages目录

This commit is contained in:
2025-09-12 15:36:09 +08:00
parent 859ffec852
commit 7c16f8bcce
19 changed files with 40 additions and 40 deletions

View File

@@ -20,13 +20,13 @@ import { useUserInfo, useUserStats, useIsLoggedIn } from '../store/userStore'
function MyComponent() {
// 获取用户信息
const userInfo = useUserInfo()
// 获取用户统计数据
const userStats = useUserStats()
// 获取登录状态
const isLoggedIn = useIsLoggedIn()
return (
<div>
<h1> {userInfo?.username}!</h1>
@@ -43,24 +43,24 @@ function MyComponent() {
import { useUserActions } from '../store/userStore'
function MyComponent() {
const {
updateUserInfo,
incrementRequestCount,
incrementMatchesCreated
const {
updateUserInfo,
incrementRequestCount,
incrementMatchesCreated
} = useUserActions()
const handleUpdateUsername = () => {
updateUserInfo('username', '新用户名')
}
const handleApiRequest = () => {
incrementRequestCount() // API 请求计数 +1
}
const handleCreateMatch = () => {
incrementMatchesCreated() // 创建比赛计数 +1
}
return (
<div>
<button onClick={handleUpdateUsername}></button>
@@ -80,17 +80,17 @@ import { useUserActions } from '../store/userStore'
function MyComponent() {
const { incrementRequestCount } = useUserActions()
const [loading, setLoading] = useState(false)
const handleSendRequest = async () => {
setLoading(true)
try {
// 模拟网络延迟
await new Promise(resolve => setTimeout(resolve, 1000))
// 更新请求计数
incrementRequestCount()
console.log('请求成功!')
} catch (error) {
console.error('请求失败:', error)
@@ -98,7 +98,7 @@ function MyComponent() {
setLoading(false)
}
}
return (
<div>
<button onClick={handleSendRequest} disabled={loading}>
@@ -179,7 +179,7 @@ interface UserStats {
## 使用示例
查看 `src/pages/list/index.tsx` 获取完整的使用示例,包括:
查看 `src/game_pages/list/index.tsx` 获取完整的使用示例,包括:
- 用户信息展示
- 统计数据实时更新
@@ -196,4 +196,4 @@ interface UserStats {
3. 添加相应的 action 函数
4. 导出便捷的 hooks如果需要
这种设计让用户状态管理既简单又强大,非常适合团队协作开发。
这种设计让用户状态管理既简单又强大,非常适合团队协作开发。