logo by @sawaratsuki1004
React
v19.2
학습하기
API 참고서
커뮤니티
블로그

    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
  • 컴포넌트
    • 공통 컴포넌트 (예: <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
  • 정적 API
    • prerender
    • prerenderToNodeStream
    • resumeAndPrerender
    • resumeAndPrerenderToNodeStream

  • React Compiler

  • 설정
    • compilationMode
    • gating
    • logger
    • panicThreshold
    • target
  • 지시어
    • "use memo"
    • "use no memo"
  • 라이브러리 컴파일

  • React 개발자 도구

  • React Performance 트랙

  • eslint-plugin-react-hooks

  • 린트
    • 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 서버 컴포넌트

  • 서버 컴포넌트
  • 서버 함수
  • 지시어
    • 'use client'
    • 'use server'

  • 레거시 API

  • 레거시 React API
    • Children
    • cloneElement
    • Component
    • createElement
    • createRef
    • forwardRef
    • isValidElement
    • PureComponent

이 페이지의 내용

  • 훑어보기
  • 사용법
  • 폼 액션에서 반환된 정보 사용하기
  • Using with useOptimistic
  • Using with Action props
  • Cancelling queued Actions
  • Using with <form> Action props
  • Handling errors
  • 문제 해결
  • 액션이 더 이상 제출된 폼 데이터를 읽을 수 없습니다
  • My Action cannot read form data
  • My actions are being skipped
  • My state doesn’t reset
  • I’m getting an error: “An async function with useActionState was called outside of a transition.”
  • I’m getting an error: “Cannot update action state while rendering”
Advertisement