2014-07-15 70 views
11

olmadan öğelerdeki veri özniteliklerini ayarlama React, elemanlar üzerindeki data- * ve aria- * niteliklerini destekler. Bileşen API'sini kullanırken, bu özniteliklerin yalnızca aşağıdaki gibi ayarlanabileceğini tahmin ederim:ReactJs: JSX

Nope. Bu işe yaramıyor. dataMyFoo özniteliği sessizce yoksayıldı. Bunların hepsinin küçük olmasına ihtiyacı olan bir yer okudum. Ne hakkında: Sessiz bir şekilde göz ardı edilir.

Bu mümkün mü? Eğer öyleyse, sır nedir? Cevabı bulamadan bir süre aradım. tire olarak kullanılabildiğinden, bu durumda özellik adını alıntı gerekir

React.DOM.div({style: {...}, 'data-my-foo': 'bar'}, ...) 

Not:

cevap

21

cevap, çıkıyor, veri özelliği için tire ile ayrılmış tümü küçük adları kullanmak şöyle etmektir Javascript'teki tanımlayıcılara izin verilmez.

+1

Evet, bu doğru. Gelecekte bir "dataSet: {myFoo: 'bar'}" modeline geçmeyi düşünüyoruz, bu da veri-my-foo = "bar" 'ı DOM'a yerleştirecektir. Bu, veri özelliklerine erişmek için DOM API'yi yakından takip eder. –

+1

@ PaulO'Shannessy kulağa mükemmel geliyor. Başlangıçta denediğim şeylerden biri de veri: {myFoo: 'bar'} 'dır, bu yüzden doğal olarak yaptığım şeyleri yakından takip eder. – DavidM

+0

Değeri olmayan data- * öznitelikleri nedir? sadece {'data-foo-bar': true} yapmalı mıyım? veya başka bir şey? –