React DOM komponentit
Yleiset komponentit
Kaikki selaimen sisäänrakennetut komponentit tukevat joitain propseja ja tapahtumia.
Tämä sisältää myös Reactin omat propsit, kuten ref ja dangerouslySetInnerHTML.
Lomakekomponentit
Nämä selaimen sisäänrakennetut komponentit hyväksyvät käyttäjän syötteen:
Ne ovat erityisiä Reactissa, koska value-propsin antaminen niille tekee niistä kontrolloituja.
Kaikki HTML komponentit
React tukee kaikkia selaimen sisäänrakennettuja HTML komponentteja. Tämä sisältää:
<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>
Mukautetut HTML elementit
Jos renderöit tagin, jossa on viiva, kuten <my-element>, React olettaa, että haluat renderöidä mukautetun HTML elementin. Reactissa, mukautetun elementin renderöinti toimii eri tavalla kuin selaimen sisäänrakennetun tagin renderöinti:
- Kaikki mukautetun elementin propsit serialisoidaan merkkijonoiksi ja asetetaan aina attribuutteina.
- Mukautetut elementit hyväksyvät
class-propsin sijaanclassName-propsin, jafor-propsin sijaanhtmlFor-propsin.
Jos renderöit selaimen sisäänrakennetun HTML elementin is attribuutilla, se käsitellään myös mukautettuna elementtinä.
Kaikki SVG komponentit
React tukee kaikkia selaimen sisäänrakennettuja SVG komponentteja. Tämä sisältää:
<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>