fix(lint): DurationWheelPicker options 使用 useMemo 包裹以满足 exhaustive-deps

2026-10-05 15:49:54 +08:00
parent 5d0d87806b
commit 8d15c5fa10
1 changed files with 6 additions and 3 deletions
@@ -7,7 +7,7 @@
 * - 支持触摸 / 鼠标滚轮 / 点击跳转；滑动松手后吸附到最近项
 * - 范围 15–30 秒，步长 1 秒
 */
-import React, { useEffect, useRef, useState, useCallback } from "react"
+import React, { useEffect, useRef, useState, useCallback, useMemo } from "react"
 import "./DurationWheelPicker.css"

 export interface DurationWheelPickerProps {
@@ -41,8 +41,11 @@ const DurationWheelPicker: React.FC<DurationWheelPickerProps> = ({
  height = 200,
  disabled = false,
 }) => {
-  const options: number[] = []
-  for (let v = min; v <= max; v += step) options.push(v)
+  const options: number[] = useMemo(() => {
+    const arr: number[] = []
+    for (let v = min; v <= max; v += step) arr.push(v)
+    return arr
+  }, [min, max, step])

  const listRef = useRef<HTMLUListElement>(null)
  const [active, setActive] = useState<number>(value)