html'de data-reactid niteliği nedir?</p> <pre><code><a data-reactid="......" ></a> </code></pre> <p>o özellik nedir ve ne işe yarar: Ben bazı sayfaların HTML geçmekte iken

Question

, ben bazıları gibi bu özellik "veri reactid" kullanıldığını tespit? Çeşitli öznitelikler için yaygın olarak kullanılan veri öznitelikleri

Answer 1

data-reactid nitelik React benzersiz DOM içindeki bileşenlerini tanımlamak, böylece kullanılan özel bir niteliktir.

Tepki uygulamaları, istemcinin yanı sıra rendered at the server olabilir, çünkü bu önemlidir. Dahili olarak React, uygulamanızı oluşturan DOM düğümlerine yapılan referansların bir temsilini oluşturur (basitleştirilmiş sürüm aşağıdadır).

{ 
    id: '.1oqi7occu80', 
    node: DivRef, 
    children: [ 
    { 
     id: '.1oqi7occu80.0', 
     node: SpanRef, 
     children: [ 
     { 
      id: '.1oqi7occu80.0.0', 
      node: InputRef, 
      children: [] 
     } 
     ] 
    } 
    ] 
} 

sunucu ve istemci ve tüm bileşen ağacının tefrika sürümünü gönderme potansiyel pahalı arasındaki gerçek nesne referanslarını paylaşmak için hiçbir yol yoktur.Uygulama sunucuda oluşturulduğunda ve istemcide React yüklendiğinde, sahip olduğu tek veri data-reactid öznitelikleridir.

<div data-reactid='.loqi70ccu80'> 
    <span data-reactid='.loqi70ccu80.0'> 
    <input data-reactid='.loqi70ccu80.0' /> 
    </span> 
</div> 

Bu, yukarıdaki veri yapısına geri dönüştürebilmelidir. Bunu yapmanın yolu, benzersiz data-reactid öznitelikleridir. Bu, bileşen ağacını şişirerek olarak adlandırılır.

Ayrıca, React istemci tarafında oluşturuyorsa, referanslarını kaybetmesine gerek duymasa da data-reactid özniteliğini kullanır. Bazı tarayıcılarda, uygulamanızı .innerHTML kullanarak DOM'a ekler, ardından bileşen ağacı hemen bir performans artışı olarak şişirir.

diğer ilginç bir fark oluşturulur istemci tarafı kimlikleri artımlı tamsayı biçimde olacaktır tepki olduğunu (gibi .0.1.4.3), sunucu hale olanlar (örneğin .loqi70ccu80.1.4.3 gibi) rasgele bir dize öneki olacak ise. Bunun nedeni, uygulamanın birden çok sunucuda oluşturulabilmesi ve herhangi bir çarpışma olmaması önemlidir. İstemci tarafında, sadece tek bir oluşturma işlemi vardır, bu da sayaçların benzersiz kimlikleri sağlamak için kullanılabileceği anlamına gelir.

React 15 uses document.createElement instead, bu nedenle, istemci tarafından oluşturulan işaretleme artık bu öznitelikleri içermez.

Answer 2

. Genellikle javascript ile. Site davranışı ile ilgili herhangi bir şey etkilemezler ve gerekli her ne amaçla olursa olsun verileri iletmek için uygun bir yöntem olarak dururlar.

http://ejohn.org/blog/html-5-data-attributes/

Sen (boşluk veya özel karakterler ile alfanumerik) herhangi bir standart özellik güvenli dizeye data- prefixing bir veri niteliği oluşturabilir: İşte şeyleri temizlemek olabilecek bir makale. Örneğin, data-id için veya bu durumda data-reactid HTML5'teki

Answer 3

Custom Data attribute

cevabım Ian'ın yorumunu alıntı ister misiniz: elemana (geçerli bir tek)

Bu sadece bir özellik Bununla ilgili veri/bilgi depolamak için kullanabilirsiniz.

Bu kod daha sonra olay işleyicisinde geri alır ve hedef çıktı elemanını bulur. Metnin çıkarılması gereken div sınıfını etkin bir şekilde depolar.

reactid sadece bir son ekidir, burada herhangi bir adınız olabilir, örneğin: data-Ayman.

Farkı bulmak istiyorsanız, bu SO answer and comment adresindeki bilmeceleri kontrol edin.

Answer 4

Bu, HTML veri özniteliğidir. Daha fazla bilgi için bkz: http://html5doctor.com/html5-custom-data-attributes/

Temel olarak, HTML'yi geçerli hale getirirken, yalnızca özel verilerinizin bir kabıdır. data- ve bazı benzersiz tanımlayıcılar.

Answer 5

Bu, özel bir html özniteliğidir, ancak muhtemelen bu durumda Facebook React JS Library tarafından kullanılır.

bir göz atın: http://facebook.github.io/react/