fix: 调整后四日学习节奏
This commit is contained in:
@@ -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,提示文字从“从一次尝试开始吧”变成“继续保持!”。
|
||||
|
||||
Reference in New Issue
Block a user