feat: 将list相关的代码迁移到game_pages目录
This commit is contained in:
@@ -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(如果需要)
|
||||
|
||||
这种设计让用户状态管理既简单又强大,非常适合团队协作开发。
|
||||
这种设计让用户状态管理既简单又强大,非常适合团队协作开发。
|
||||
Reference in New Issue
Block a user