html { scroll-padding-top: 53px !important; } body { padding-top: 53px !important; } #tor-anonymous-view-header { align-items: flex-start; background: #7c4698; box-sizing: border-box; color: #fff; display: flex; font-family: "Circular Std", "CircularStd", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; height: 53px; justify-content: space-between; left: 0; overflow: hidden; padding: 16px 32px; position: fixed; right: 0; top: 0; width: 100%; z-index: 2147483647; } #tor-anonymous-view-header * { box-sizing: border-box; } #tor-anonymous-view-header .tav-bg-base, #tor-anonymous-view-header .tav-bg-clip, #tor-anonymous-view-header .tav-bg-clip img { inset: 0; pointer-events: none; position: absolute; } #tor-anonymous-view-header .tav-bg-base { background: #7c4698; z-index: 0; } #tor-anonymous-view-header .tav-bg-clip { overflow: hidden; z-index: 1; } #tor-anonymous-view-header .tav-bg-clip img { height: 1091.36%; max-width: none; top: -398.39%; width: 54.72%; } #tor-anonymous-view-header .tav-bg-clip-left img { left: -0.01%; top: -501.51%; } #tor-anonymous-view-header .tav-bg-clip-right img { left: 65.78%; } #tor-anonymous-view-header .tav-brand, #tor-anonymous-view-header .tav-actions, #tor-anonymous-view-header .tav-action { align-items: center; display: flex; position: relative; z-index: 2; } #tor-anonymous-view-header .tav-brand { align-items: start; display: flex; gap: 4px; height: 20px; min-width: 0; } #tor-anonymous-view-header .tav-logo-crop { flex: 0 0 26.667px; height: 16px; margin-left: 0; margin-top: 0; overflow: hidden; position: relative; width: 26.667px; } #tor-anonymous-view-header .tav-logo-crop img { height: 163.51%; left: -29.01%; max-width: none; position: absolute; top: -22.3%; width: 157.73%; } #tor-anonymous-view-header .tav-brand-text, #tor-anonymous-view-header .tav-action { color: #fff; font-size: 14px; font-weight: 700; line-height: 20px; text-decoration: none; white-space: nowrap; } #tor-anonymous-view-header .tav-brand-text { flex: 0 0 auto; margin-left: 0; margin-top: 1px; text-align: center; } #tor-anonymous-view-header .tav-info { flex: 0 0 20px; height: 20px; margin-left: 8px; margin-top: 1px; width: 20px; } #tor-anonymous-view-header .tav-actions { gap: 16px; } #tor-anonymous-view-header .tav-action { background: transparent; border: 0; gap: 8px; padding: 0; } #tor-anonymous-view-header .tav-action-icon { display: block; flex: 0 0 auto; height: 20px; width: 20px; } @media (max-width: 700px) { #tor-anonymous-view-header { padding: 14px 16px; } #tor-anonymous-view-header .tav-actions { gap: 12px; } #tor-anonymous-view-header .tav-action span { display: none; } }
Anonymous View
e">
API Referansı

İstemci React DOM API'leri

react-dom/client API’leri, React component’larını client’ta (browser’da) render etmenizi sağlar. Bu API’ler genellikle uygulamanızın en üst seviyesinde React tree’i initialize etmek için kullanılır. Bir framework bunları sizin için çağırabilir. Çoğu component’inizin bunları import etmesi veya kullanması gerekmez.

İstemci API’leri

  • createRoot React bileşenlerini bir tarayıcı DOM düğümü içinde görüntülemek için bir kök oluşturmanızı sağlar.
  • hydrateRoot React bileşenlerini, HTML içeriği daha önce react-dom/server. tarafından oluşturulmuş bir tarayıcı DOM düğümü içinde görüntülemenizi sağlar

Tarayıcı desteği

React, Internet Explorer 9 ve üzeri dahil olmak üzere tüm popüler tarayıcıları destekler. IE 9 ve IE 10 gibi eski tarayıcılarda bazı polyfill’ler gereklidir.

ÖncekipreloadModule
SonrakicreateRoot