René's URL Explorer Experiment

Title: Built-in React Components – React

Open Graph Title: Built-in React Components – React

X Title: Built-in React Components – React

Open Graph Description: The library for web and native user interfaces

X Description: The library for web and native user interfaces

Opengraph URL: https://react.dev/reference/react/components

X: @reactjs

direct link

Domain: react.dev

fb:app_id	623268441017527
og:type	website
og:image	https://react.dev/images/og-reference.png
twitter:card	summary_large_image
twitter:creator	@reactjs
twitter:image	https://react.dev/images/og-reference.png
google-site-verification	sIlAGs48RulR4DdP95YSWNKZIEtCqQmRjzn-Zq-CcD0
msapplication-TileColor	#2b5797
theme-color	#23272f

Links:

	https://react.dev/
React	https://react.dev/
v19.2	https://react.dev/versions
Learn	https://react.dev/learn
Reference	https://react.dev/reference/react
Community	https://react.dev/community
Blog	https://react.dev/blog
	https://react.dev/community/translations
	https://github.com/facebook/react/releases
Overview	https://react.dev/reference/react
Hooks	https://react.dev/reference/react/hooks
useActionState	https://react.dev/reference/react/useActionState
useCallback	https://react.dev/reference/react/useCallback
useContext	https://react.dev/reference/react/useContext
useDebugValue	https://react.dev/reference/react/useDebugValue
useDeferredValue	https://react.dev/reference/react/useDeferredValue
useEffect	https://react.dev/reference/react/useEffect
useEffectEvent	https://react.dev/reference/react/useEffectEvent
useId	https://react.dev/reference/react/useId
useImperativeHandle	https://react.dev/reference/react/useImperativeHandle
useInsertionEffect	https://react.dev/reference/react/useInsertionEffect
useLayoutEffect	https://react.dev/reference/react/useLayoutEffect
useMemo	https://react.dev/reference/react/useMemo
useOptimistic	https://react.dev/reference/react/useOptimistic
useReducer	https://react.dev/reference/react/useReducer
useRef	https://react.dev/reference/react/useRef
useState	https://react.dev/reference/react/useState
useSyncExternalStore	https://react.dev/reference/react/useSyncExternalStore
useTransition	https://react.dev/reference/react/useTransition
Components	https://react.dev/reference/react/components
(<>)	https://react.dev/reference/react/Fragment
	https://react.dev/reference/react/Profiler
	https://react.dev/reference/react/StrictMode
	https://react.dev/reference/react/Suspense
	https://react.dev/reference/react/Activity
- This feature is available in the latest Canary version of React	https://react.dev/reference/react/ViewTransition
APIs	https://react.dev/reference/react/apis
act	https://react.dev/reference/react/act
addTransitionType - This feature is available in the latest Canary version of React	https://react.dev/reference/react/addTransitionType
cache	https://react.dev/reference/react/cache
cacheSignal	https://react.dev/reference/react/cacheSignal
captureOwnerStack	https://react.dev/reference/react/captureOwnerStack
createContext	https://react.dev/reference/react/createContext
lazy	https://react.dev/reference/react/lazy
memo	https://react.dev/reference/react/memo
startTransition	https://react.dev/reference/react/startTransition
use	https://react.dev/reference/react/use
experimental_taintObjectReference - This feature is available in the latest Experimental version of React	https://react.dev/reference/react/experimental_taintObjectReference
experimental_taintUniqueValue - This feature is available in the latest Experimental version of React	https://react.dev/reference/react/experimental_taintUniqueValue
Hooks	https://react.dev/reference/react-dom/hooks
useFormStatus	https://react.dev/reference/react-dom/hooks/useFormStatus
Components	https://react.dev/reference/react-dom/components
Common (e.g. )	https://react.dev/reference/react-dom/components/common
	https://react.dev/reference/react-dom/components/form
	https://react.dev/reference/react-dom/components/input
	https://react.dev/reference/react-dom/components/option
	https://react.dev/reference/react-dom/components/progress
	https://react.dev/reference/react-dom/components/select
</td><td><a href='/?url=https://react.dev/reference/react-dom/components/textarea'>https://react.dev/reference/react-dom/components/textarea</a></td></tr> <tr><td><link> </td><td><a href='/?url=https://react.dev/reference/react-dom/components/link'>https://react.dev/reference/react-dom/components/link</a></td></tr> <tr><td><meta> </td><td><a href='/?url=https://react.dev/reference/react-dom/components/meta'>https://react.dev/reference/react-dom/components/meta</a></td></tr> <tr><td><script> </td><td><a href='/?url=https://react.dev/reference/react-dom/components/script'>https://react.dev/reference/react-dom/components/script</a></td></tr> <tr><td><style> </td><td><a href='/?url=https://react.dev/reference/react-dom/components/style'>https://react.dev/reference/react-dom/components/style</a></td></tr> <tr><td><title> </td><td><a href='/?url=https://react.dev/reference/react-dom/components/title'>https://react.dev/reference/react-dom/components/title</a></td></tr> <tr><td>APIs </td><td><a href='/?url=https://react.dev/reference/react-dom'>https://react.dev/reference/react-dom</a></td></tr> <tr><td>createPortal </td><td><a href='/?url=https://react.dev/reference/react-dom/createPortal'>https://react.dev/reference/react-dom/createPortal</a></td></tr> <tr><td>flushSync </td><td><a href='/?url=https://react.dev/reference/react-dom/flushSync'>https://react.dev/reference/react-dom/flushSync</a></td></tr> <tr><td>preconnect </td><td><a href='/?url=https://react.dev/reference/react-dom/preconnect'>https://react.dev/reference/react-dom/preconnect</a></td></tr> <tr><td>prefetchDNS </td><td><a href='/?url=https://react.dev/reference/react-dom/prefetchDNS'>https://react.dev/reference/react-dom/prefetchDNS</a></td></tr> <tr><td>preinit </td><td><a href='/?url=https://react.dev/reference/react-dom/preinit'>https://react.dev/reference/react-dom/preinit</a></td></tr> <tr><td>preinitModule </td><td><a href='/?url=https://react.dev/reference/react-dom/preinitModule'>https://react.dev/reference/react-dom/preinitModule</a></td></tr> <tr><td>preload </td><td><a href='/?url=https://react.dev/reference/react-dom/preload'>https://react.dev/reference/react-dom/preload</a></td></tr> <tr><td>preloadModule </td><td><a href='/?url=https://react.dev/reference/react-dom/preloadModule'>https://react.dev/reference/react-dom/preloadModule</a></td></tr> <tr><td>Client APIs </td><td><a href='/?url=https://react.dev/reference/react-dom/client'>https://react.dev/reference/react-dom/client</a></td></tr> <tr><td>createRoot </td><td><a href='/?url=https://react.dev/reference/react-dom/client/createRoot'>https://react.dev/reference/react-dom/client/createRoot</a></td></tr> <tr><td>hydrateRoot </td><td><a href='/?url=https://react.dev/reference/react-dom/client/hydrateRoot'>https://react.dev/reference/react-dom/client/hydrateRoot</a></td></tr> <tr><td>Server APIs </td><td><a href='/?url=https://react.dev/reference/react-dom/server'>https://react.dev/reference/react-dom/server</a></td></tr> <tr><td>renderToPipeableStream </td><td><a href='/?url=https://react.dev/reference/react-dom/server/renderToPipeableStream'>https://react.dev/reference/react-dom/server/renderToPipeableStream</a></td></tr> <tr><td>renderToReadableStream </td><td><a href='/?url=https://react.dev/reference/react-dom/server/renderToReadableStream'>https://react.dev/reference/react-dom/server/renderToReadableStream</a></td></tr> <tr><td>renderToStaticMarkup </td><td><a href='/?url=https://react.dev/reference/react-dom/server/renderToStaticMarkup'>https://react.dev/reference/react-dom/server/renderToStaticMarkup</a></td></tr> <tr><td>renderToString </td><td><a href='/?url=https://react.dev/reference/react-dom/server/renderToString'>https://react.dev/reference/react-dom/server/renderToString</a></td></tr> <tr><td>resume </td><td><a href='/?url=https://react.dev/reference/react-dom/server/resume'>https://react.dev/reference/react-dom/server/resume</a></td></tr> <tr><td>resumeToPipeableStream </td><td><a href='/?url=https://react.dev/reference/react-dom/server/resumeToPipeableStream'>https://react.dev/reference/react-dom/server/resumeToPipeableStream</a></td></tr> <tr><td>Static APIs </td><td><a href='/?url=https://react.dev/reference/react-dom/static'>https://react.dev/reference/react-dom/static</a></td></tr> <tr><td>prerender </td><td><a href='/?url=https://react.dev/reference/react-dom/static/prerender'>https://react.dev/reference/react-dom/static/prerender</a></td></tr> <tr><td>prerenderToNodeStream </td><td><a href='/?url=https://react.dev/reference/react-dom/static/prerenderToNodeStream'>https://react.dev/reference/react-dom/static/prerenderToNodeStream</a></td></tr> <tr><td>resumeAndPrerender </td><td><a href='/?url=https://react.dev/reference/react-dom/static/resumeAndPrerender'>https://react.dev/reference/react-dom/static/resumeAndPrerender</a></td></tr> <tr><td>resumeAndPrerenderToNodeStream </td><td><a href='/?url=https://react.dev/reference/react-dom/static/resumeAndPrerenderToNodeStream'>https://react.dev/reference/react-dom/static/resumeAndPrerenderToNodeStream</a></td></tr> <tr><td>Configuration </td><td><a href='/?url=https://react.dev/reference/react-compiler/configuration'>https://react.dev/reference/react-compiler/configuration</a></td></tr> <tr><td>compilationMode </td><td><a href='/?url=https://react.dev/reference/react-compiler/compilationMode'>https://react.dev/reference/react-compiler/compilationMode</a></td></tr> <tr><td>gating </td><td><a href='/?url=https://react.dev/reference/react-compiler/gating'>https://react.dev/reference/react-compiler/gating</a></td></tr> <tr><td>logger </td><td><a href='/?url=https://react.dev/reference/react-compiler/logger'>https://react.dev/reference/react-compiler/logger</a></td></tr> <tr><td>panicThreshold </td><td><a href='/?url=https://react.dev/reference/react-compiler/panicThreshold'>https://react.dev/reference/react-compiler/panicThreshold</a></td></tr> <tr><td>target </td><td><a href='/?url=https://react.dev/reference/react-compiler/target'>https://react.dev/reference/react-compiler/target</a></td></tr> <tr><td>Directives </td><td><a href='/?url=https://react.dev/reference/react-compiler/directives'>https://react.dev/reference/react-compiler/directives</a></td></tr> <tr><td>"use memo" </td><td><a href='/?url=https://react.dev/reference/react-compiler/directives/use-memo'>https://react.dev/reference/react-compiler/directives/use-memo</a></td></tr> <tr><td>"use no memo" </td><td><a href='/?url=https://react.dev/reference/react-compiler/directives/use-no-memo'>https://react.dev/reference/react-compiler/directives/use-no-memo</a></td></tr> <tr><td>Compiling Libraries </td><td><a href='/?url=https://react.dev/reference/react-compiler/compiling-libraries'>https://react.dev/reference/react-compiler/compiling-libraries</a></td></tr> <tr><td>React Performance tracks </td><td><a href='/?url=https://react.dev/reference/dev-tools/react-performance-tracks'>https://react.dev/reference/dev-tools/react-performance-tracks</a></td></tr> <tr><td>Lints </td><td><a href='/?url=https://react.dev/reference/eslint-plugin-react-hooks'>https://react.dev/reference/eslint-plugin-react-hooks</a></td></tr> <tr><td>exhaustive-deps </td><td><a href='/?url=https://react.dev/reference/eslint-plugin-react-hooks/lints/exhaustive-deps'>https://react.dev/reference/eslint-plugin-react-hooks/lints/exhaustive-deps</a></td></tr> <tr><td>rules-of-hooks </td><td><a href='/?url=https://react.dev/reference/eslint-plugin-react-hooks/lints/rules-of-hooks'>https://react.dev/reference/eslint-plugin-react-hooks/lints/rules-of-hooks</a></td></tr> <tr><td>component-hook-factories </td><td><a href='/?url=https://react.dev/reference/eslint-plugin-react-hooks/lints/component-hook-factories'>https://react.dev/reference/eslint-plugin-react-hooks/lints/component-hook-factories</a></td></tr> <tr><td>config </td><td><a href='/?url=https://react.dev/reference/eslint-plugin-react-hooks/lints/config'>https://react.dev/reference/eslint-plugin-react-hooks/lints/config</a></td></tr> <tr><td>error-boundaries </td><td><a href='/?url=https://react.dev/reference/eslint-plugin-react-hooks/lints/error-boundaries'>https://react.dev/reference/eslint-plugin-react-hooks/lints/error-boundaries</a></td></tr> <tr><td>gating </td><td><a href='/?url=https://react.dev/reference/eslint-plugin-react-hooks/lints/gating'>https://react.dev/reference/eslint-plugin-react-hooks/lints/gating</a></td></tr> <tr><td>globals </td><td><a href='/?url=https://react.dev/reference/eslint-plugin-react-hooks/lints/globals'>https://react.dev/reference/eslint-plugin-react-hooks/lints/globals</a></td></tr> <tr><td>immutability </td><td><a href='/?url=https://react.dev/reference/eslint-plugin-react-hooks/lints/immutability'>https://react.dev/reference/eslint-plugin-react-hooks/lints/immutability</a></td></tr> <tr><td>incompatible-library </td><td><a href='/?url=https://react.dev/reference/eslint-plugin-react-hooks/lints/incompatible-library'>https://react.dev/reference/eslint-plugin-react-hooks/lints/incompatible-library</a></td></tr> <tr><td>preserve-manual-memoization </td><td><a href='/?url=https://react.dev/reference/eslint-plugin-react-hooks/lints/preserve-manual-memoization'>https://react.dev/reference/eslint-plugin-react-hooks/lints/preserve-manual-memoization</a></td></tr> <tr><td>purity </td><td><a href='/?url=https://react.dev/reference/eslint-plugin-react-hooks/lints/purity'>https://react.dev/reference/eslint-plugin-react-hooks/lints/purity</a></td></tr> <tr><td>refs </td><td><a href='/?url=https://react.dev/reference/eslint-plugin-react-hooks/lints/refs'>https://react.dev/reference/eslint-plugin-react-hooks/lints/refs</a></td></tr> <tr><td>set-state-in-effect </td><td><a href='/?url=https://react.dev/reference/eslint-plugin-react-hooks/lints/set-state-in-effect'>https://react.dev/reference/eslint-plugin-react-hooks/lints/set-state-in-effect</a></td></tr> <tr><td>set-state-in-render </td><td><a href='/?url=https://react.dev/reference/eslint-plugin-react-hooks/lints/set-state-in-render'>https://react.dev/reference/eslint-plugin-react-hooks/lints/set-state-in-render</a></td></tr> <tr><td>static-components </td><td><a href='/?url=https://react.dev/reference/eslint-plugin-react-hooks/lints/static-components'>https://react.dev/reference/eslint-plugin-react-hooks/lints/static-components</a></td></tr> <tr><td>unsupported-syntax </td><td><a href='/?url=https://react.dev/reference/eslint-plugin-react-hooks/lints/unsupported-syntax'>https://react.dev/reference/eslint-plugin-react-hooks/lints/unsupported-syntax</a></td></tr> <tr><td>use-memo </td><td><a href='/?url=https://react.dev/reference/eslint-plugin-react-hooks/lints/use-memo'>https://react.dev/reference/eslint-plugin-react-hooks/lints/use-memo</a></td></tr> <tr><td>Overview </td><td><a href='/?url=https://react.dev/reference/rules'>https://react.dev/reference/rules</a></td></tr> <tr><td>Components and Hooks must be pure </td><td><a href='/?url=https://react.dev/reference/rules/components-and-hooks-must-be-pure'>https://react.dev/reference/rules/components-and-hooks-must-be-pure</a></td></tr> <tr><td>React calls Components and Hooks </td><td><a href='/?url=https://react.dev/reference/rules/react-calls-components-and-hooks'>https://react.dev/reference/rules/react-calls-components-and-hooks</a></td></tr> <tr><td>Rules of Hooks </td><td><a href='/?url=https://react.dev/reference/rules/rules-of-hooks'>https://react.dev/reference/rules/rules-of-hooks</a></td></tr> <tr><td>Server Components </td><td><a href='/?url=https://react.dev/reference/rsc/server-components'>https://react.dev/reference/rsc/server-components</a></td></tr> <tr><td>Server Functions </td><td><a href='/?url=https://react.dev/reference/rsc/server-functions'>https://react.dev/reference/rsc/server-functions</a></td></tr> <tr><td>Directives </td><td><a href='/?url=https://react.dev/reference/rsc/directives'>https://react.dev/reference/rsc/directives</a></td></tr> <tr><td>'use client' </td><td><a href='/?url=https://react.dev/reference/rsc/use-client'>https://react.dev/reference/rsc/use-client</a></td></tr> <tr><td>'use server' </td><td><a href='/?url=https://react.dev/reference/rsc/use-server'>https://react.dev/reference/rsc/use-server</a></td></tr> <tr><td>Legacy React APIs </td><td><a href='/?url=https://react.dev/reference/react/legacy'>https://react.dev/reference/react/legacy</a></td></tr> <tr><td>Children </td><td><a href='/?url=https://react.dev/reference/react/Children'>https://react.dev/reference/react/Children</a></td></tr> <tr><td>cloneElement </td><td><a href='/?url=https://react.dev/reference/react/cloneElement'>https://react.dev/reference/react/cloneElement</a></td></tr> <tr><td>Component </td><td><a href='/?url=https://react.dev/reference/react/Component'>https://react.dev/reference/react/Component</a></td></tr> <tr><td>createElement </td><td><a href='/?url=https://react.dev/reference/react/createElement'>https://react.dev/reference/react/createElement</a></td></tr> <tr><td>createRef </td><td><a href='/?url=https://react.dev/reference/react/createRef'>https://react.dev/reference/react/createRef</a></td></tr> <tr><td>forwardRef </td><td><a href='/?url=https://react.dev/reference/react/forwardRef'>https://react.dev/reference/react/forwardRef</a></td></tr> <tr><td>isValidElement </td><td><a href='/?url=https://react.dev/reference/react/isValidElement'>https://react.dev/reference/react/isValidElement</a></td></tr> <tr><td>PureComponent </td><td><a href='/?url=https://react.dev/reference/react/PureComponent'>https://react.dev/reference/react/PureComponent</a></td></tr> <tr><td>API Reference</td><td><a href='/?url=https://react.dev/reference/react'>https://react.dev/reference/react</a></td></tr> <tr><td></td><td><a href='/?url=https://react.dev/reference/react/components#undefined'>https://react.dev/reference/react/components#undefined</a></td></tr> <tr><td></td><td><a href='/?url=https://react.dev/reference/react/components#built-in-components'>https://react.dev/reference/react/components#built-in-components</a></td></tr> <tr><td><Fragment></td><td><a href='/?url=https://react.dev/reference/react/Fragment'>https://react.dev/reference/react/Fragment</a></td></tr> <tr><td><Profiler></td><td><a href='/?url=https://react.dev/reference/react/Profiler'>https://react.dev/reference/react/Profiler</a></td></tr> <tr><td><Suspense></td><td><a href='/?url=https://react.dev/reference/react/Suspense'>https://react.dev/reference/react/Suspense</a></td></tr> <tr><td><StrictMode></td><td><a href='/?url=https://react.dev/reference/react/StrictMode'>https://react.dev/reference/react/StrictMode</a></td></tr> <tr><td><Activity></td><td><a href='/?url=https://react.dev/reference/react/Activity'>https://react.dev/reference/react/Activity</a></td></tr> <tr><td></td><td><a href='/?url=https://react.dev/reference/react/components#your-own-components'>https://react.dev/reference/react/components#your-own-components</a></td></tr> <tr><td>define your own components</td><td><a href='/?url=https://react.dev/learn/your-first-component'>https://react.dev/learn/your-first-component</a></td></tr> <tr><td>PrevioususeTransition</td><td><a href='/?url=https://react.dev/reference/react/useTransition'>https://react.dev/reference/react/useTransition</a></td></tr> <tr><td>Next<Fragment> (<>)</td><td><a href='/?url=https://react.dev/reference/react/Fragment'>https://react.dev/reference/react/Fragment</a></td></tr> <tr><td></td><td><a href='/?url=https://opensource.fb.com/'>https://opensource.fb.com/</a></td></tr> <tr><td>@sawaratsuki1004</td><td><a href='/?url=https://twitter.com/sawaratsuki1004'>https://twitter.com/sawaratsuki1004</a></td></tr> <tr><td>Learn React</td><td><a href='/?url=https://react.dev/learn'>https://react.dev/learn</a></td></tr> <tr><td>Quick Start</td><td><a href='/?url=https://react.dev/learn'>https://react.dev/learn</a></td></tr> <tr><td>Installation</td><td><a href='/?url=https://react.dev/learn/installation'>https://react.dev/learn/installation</a></td></tr> <tr><td>Describing the UI</td><td><a href='/?url=https://react.dev/learn/describing-the-ui'>https://react.dev/learn/describing-the-ui</a></td></tr> <tr><td>Adding Interactivity</td><td><a href='/?url=https://react.dev/learn/adding-interactivity'>https://react.dev/learn/adding-interactivity</a></td></tr> <tr><td>Managing State</td><td><a href='/?url=https://react.dev/learn/managing-state'>https://react.dev/learn/managing-state</a></td></tr> <tr><td>Escape Hatches</td><td><a href='/?url=https://react.dev/learn/escape-hatches'>https://react.dev/learn/escape-hatches</a></td></tr> <tr><td>API Reference</td><td><a href='/?url=https://react.dev/reference/react'>https://react.dev/reference/react</a></td></tr> <tr><td>React APIs</td><td><a href='/?url=https://react.dev/reference/react'>https://react.dev/reference/react</a></td></tr> <tr><td>React DOM APIs</td><td><a href='/?url=https://react.dev/reference/react-dom'>https://react.dev/reference/react-dom</a></td></tr> <tr><td>Community</td><td><a href='/?url=https://react.dev/community'>https://react.dev/community</a></td></tr> <tr><td>Code of Conduct</td><td><a href='/?url=https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md'>https://github.com/facebook/react/blob/main/CODE_OF_CONDUCT.md</a></td></tr> <tr><td>Meet the Team</td><td><a href='/?url=https://react.dev/community/team'>https://react.dev/community/team</a></td></tr> <tr><td>Docs Contributors</td><td><a href='/?url=https://react.dev/community/docs-contributors'>https://react.dev/community/docs-contributors</a></td></tr> <tr><td>Acknowledgements</td><td><a href='/?url=https://react.dev/community/acknowledgements'>https://react.dev/community/acknowledgements</a></td></tr> <tr><td>Blog</td><td><a href='/?url=https://react.dev/blog'>https://react.dev/blog</a></td></tr> <tr><td>React Native</td><td><a href='/?url=https://reactnative.dev/'>https://reactnative.dev/</a></td></tr> <tr><td>Privacy</td><td><a href='/?url=https://opensource.facebook.com/legal/privacy'>https://opensource.facebook.com/legal/privacy</a></td></tr> <tr><td>Terms</td><td><a href='/?url=https://opensource.fb.com/legal/terms/'>https://opensource.fb.com/legal/terms/</a></td></tr> <tr><td></td><td><a href='/?url=https://www.facebook.com/react'>https://www.facebook.com/react</a></td></tr> <tr><td></td><td><a href='/?url=https://twitter.com/reactjs'>https://twitter.com/reactjs</a></td></tr> <tr><td></td><td><a href='/?url=https://bsky.app/profile/react.dev'>https://bsky.app/profile/react.dev</a></td></tr> <tr><td></td><td><a href='/?url=https://github.com/facebook/react'>https://github.com/facebook/react</a></td></tr> <tr><td>Overview</td><td><a href='/?url=https://react.dev/reference/react/components'>https://react.dev/reference/react/components</a></td></tr> <tr><td>Built-in components </td><td><a href='/?url=https://react.dev/reference/react/components#built-in-components'>https://react.dev/reference/react/components#built-in-components</a></td></tr> <tr><td>Your own components </td><td><a href='/?url=https://react.dev/reference/react/components#your-own-components'>https://react.dev/reference/react/components#your-own-components</a></td></tr> </table> <p>Viewport: width=device-width, initial-scale=1 <hr> URLs of <a href='/known-crawlers'>crawlers that visited me</a>.