Skip to content

Commit

Permalink
fix
Browse files Browse the repository at this point in the history
  • Loading branch information
984507092 committed Jan 5, 2025
1 parent 6cbbeb6 commit d9cbefd
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions docs/view/blogs/react/useDeferredValue.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@ useDeferredValue 用于延迟某些状态的更新,直到主渲染任务完成
```ts
const deferredValue = useDeferredValue(value)
```

### 参数

- value: 延迟更新的值(支持任意类型)
Expand Down Expand Up @@ -81,11 +82,10 @@ export default App

### 效果

![useDeferredValue](../../src/assets/useDeferredValue.gif)
'../../src/assets/useDeferredValue.gif'

使用 useDeferredValue 后,输入框中的搜索内容不会立即触发列表过滤,避免频繁的渲染。输入停止片刻后(看起来像节流),列表会自动更新为符合条件的数据,确保了较流畅的交互体验。


## 陷阱

- `useDeferredValue` 并不是防抖,防抖是需要一个固定的延迟时间,譬如1秒后再处理某些行为,但是useDeferredValue并不是一个固定的延迟,它会根据用户设备的情况进行延迟,当设备情况好,那么延迟几乎是无感知的
- `useDeferredValue` 并不是防抖,防抖是需要一个固定的延迟时间,譬如1秒后再处理某些行为,但是useDeferredValue并不是一个固定的延迟,它会根据用户设备的情况进行延迟,当设备情况好,那么延迟几乎是无感知的

0 comments on commit d9cbefd

Please sign in to comment.