logo by @sawaratsuki1004
React
v19.2
教程
参考
社区
博客

    react@19.2

  • 总览
  • Hook
    • useActionState
    • useCallback
    • useContext
    • useDebugValue
    • useDeferredValue
    • useEffect
    • useEffectEvent
    • useId
    • useImperativeHandle
    • useInsertionEffect
    • useLayoutEffect
    • useMemo
    • useOptimistic
    • useReducer
    • useRef
    • useState
    • useSyncExternalStore
    • useTransition
  • 组件
    • <Fragment> (<>)
    • <Profiler>
    • <StrictMode>
    • <Suspense>
    • <Activity>
    • <ViewTransition> - This feature is available in the latest Canary version of React
  • API
    • act
    • addTransitionType - This feature is available in the latest Canary version of React
    • cache
    • cacheSignal
    • captureOwnerStack
    • createContext
    • lazy
    • memo
    • startTransition
    • use
    • experimental_taintObjectReference - This feature is available in the latest Experimental version of React
    • experimental_taintUniqueValue - This feature is available in the latest Experimental version of React
  • react-dom@19.2

  • Hook
    • useFormStatus
  • 组件
    • Common (e.g. <div>)
    • <form>
    • <input>
    • <option>
    • <progress>
    • <select>
    • <textarea>
    • <link>
    • <meta>
    • <script>
    • <style>
    • <title>
  • API
    • createPortal
    • flushSync
    • preconnect
    • prefetchDNS
    • preinit
    • preinitModule
    • preload
    • preloadModule
  • 客户端 API
    • createRoot
    • hydrateRoot
  • 服务端 API
    • renderToPipeableStream
    • renderToReadableStream
    • renderToStaticMarkup
    • renderToString
    • resume
    • resumeToPipeableStream
  • Static APIs
    • prerender
    • prerenderToNodeStream
    • resumeAndPrerender
    • resumeAndPrerenderToNodeStream
  • React Compiler

  • 配置
    • compilationMode
    • gating
    • logger
    • panicThreshold
    • target
  • 指令
    • "use memo"
    • "use no memo"
  • Compiling Libraries
  • React DevTools

  • React Performance tracks
  • eslint-plugin-react-hooks

  • Lints
    • exhaustive-deps
    • rules-of-hooks
    • component-hook-factories
    • config
    • error-boundaries
    • gating
    • globals
    • immutability
    • incompatible-library
    • preserve-manual-memoization
    • purity
    • refs
    • set-state-in-effect
    • set-state-in-render
    • static-components
    • unsupported-syntax
    • use-memo
  • React 规则

  • 概述
    • 组件和 Hook 必须是纯粹的
    • React 调用组件和 Hook
    • Hook 的规则
  • React 服务器组件

  • 服务器组件
  • Server Functions
  • 指令符
    • 'use client'
    • 'use server'
  • 过时的 API

  • 过时的 React API
    • Children
    • cloneElement
    • Component
    • createElement
    • createRef
    • forwardRef
    • isValidElement
    • PureComponent
API 参考
Hook

useState

useState 是一个 React Hook,它允许你向组件添加一个 状态变量。

const [state, setState] = useState(initialState)
  • 参考
    • useState(initialState)
    • set 函数,例如 setSomething(nextState)
  • 用法
    • 为组件添加状态
    • 根据先前的 state 更新 state
    • 更新状态中的对象和数组
    • 避免重复创建初始状态
    • 使用 key 重置状态
    • 存储前一次渲染的信息
  • 疑难解答
    • 我已经更新了状态,但日志仍显示旧值
    • 我已经更新了状态,但是屏幕没有更新
    • 出现错误:“Too many re-renders”