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.
Kaynak ve Metadata Bileşenleri
Bu yerleşik tarayıcı bileşenleri, harici kaynakları yüklemenizi ya da sayfanıza meta verilerle açıklamalar eklemenizi sağlar.
They are special in React because React can render them into the document head, suspend while resources are loading, and enact other behaviors that are described on the reference page for each specific component.
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
class
yerineclassName
,for
yerinehtmlFor
kabul 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>