fix: 调整后四日学习节奏

This commit is contained in:
arthur
2026-09-28 18:13:45 +08:00
parent 0e47fd670b
commit 9a0312dd19
4 changed files with 17 additions and 9 deletions
+4
View File
@@ -25,6 +25,8 @@ npx expo start
## 2. 写一个会变化的组件
先把下面三件事记住:普通变量改了以后,React 不一定会重新显示页面;`useState` 会同时提供“当前值”和“更新值的函数”;调用更新函数后,React 会重新渲染使用这个值的界面。
在 Day_4 的 `components/` 旁边新建 `CheckInCard.tsx`:
```tsx
@@ -60,6 +62,8 @@ const styles = StyleSheet.create({
`count` 是当前值,`setCount` 负责更新。`current => current + 1` 表示“在上一次的值上加一”。把 `CheckInCard` 导入昨天的首页,放在 `ProfileCard` 下方;导入路径沿用 Day_4 的表,只把文件名改成 `CheckInCard`。
这里的方括号不是数组练习,而是一次取出两个值:第一个是当前次数 `count`,第二个是修改它的函数 `setCount`。不要直接写 `count = count + 1`;在 React 中应使用 `setCount(...)`。
## 今日任务
1. 点击“完成一次”,数字加 1,提示文字从“从一次尝试开始吧”变成“继续保持!”。