React DOM Bileşenleri
Ortak Bileşenler
Tüm yerleşik tarayıcı bileşenleri bazı prop’ları ve event’leri destekler.
Bu ref ve dangerouslySetInnerHTML gibi React’e özgü prop’ları içerir.
Form bileşenleri
Aşağıdaki yerleşik tarayıcı bileşenleri kullanıcı girdilerini alır:
React’te bu elemanlar kendilerine value prop’u iletildiğinde kontrol edilebilir hale geldikleri için özel bir yere sahiptirler.
Tüm HTML bileşenleri
React tüm yerleşik tarayıcı HTML bileşenlerini destekler. Bu şunları içerir:
<aside><audio><b><base><bdi><bdo><blockquote><body><br><button><canvas><caption><cite><code><col><colgroup><data><datalist><dd><del><details><dfn><dialog><div><dl><dt><em><embed><fieldset><figcaption><figure><footer><form><h1><head><header><hgroup><hr><html><i><iframe><img><input><ins><kbd><label><legend><li><link><main><map><mark><menu><meta><meter><nav><noscript><object><ol><optgroup><option><output><p><picture><pre><progress><q><rp><rt><ruby><s><samp><script><section><select><slot><small><source><span><strong><style><sub><summary><sup><table><tbody><td><template><textarea><tfoot><th><thead><time><title><tr><track><u><ul><var><video><wbr>
Özel HTML elemanları
Eğer <my-element> gibi tire içeren bir etiket oluşturursanız, React bir özel HTML elemanı oluşturmak istediğinizi varsayacaktır. React’te özel elemanların render edilmesi, yerleşik tarayıcı etiketlerinin render edilmesinden daha farklı şekilde çalışır:
- Tüm özel eleman prop’ları string olarak serileştirilir ve her zaman öznitelikler kullanılarak ayarlanır.
- Özel elemanlar
classyerineclassName,foryerinehtmlForkabul eder.
Yerleşik bir tarayıcı HTML elemanını is özniteliğiyle oluşturursanız, bu eleman da özel bir eleman olarak ele alınacaktır.
Tüm SVG bileşenleri
React, tüm yerleşik tarayıcı SVG bileşenlerini destekler. Bu şunları içerir:
<a><animate><animateMotion><animateTransform><circle><clipPath><defs><desc><discard><ellipse><feBlend><feColorMatrix><feComponentTransfer><feComposite><feConvolveMatrix><feDiffuseLighting><feDisplacementMap><feDistantLight><feDropShadow><feFlood><feFuncA><feFuncB><feFuncG><feFuncR><feGaussianBlur><feImage><feMerge><feMergeNode><feMorphology><feOffset><fePointLight><feSpecularLighting><feSpotLight><feTile><feTurbulence><filter><foreignObject><g><hatch><hatchpath><image><line><linearGradient><marker><mask><metadata><mpath><path><pattern><polygon><polyline><radialGradient><rect><script><set><stop><style><svg><switch><symbol><text><textPath><title><tspan><use><view>