2015-04-04 12 views
5

Öğrenme alıştırması sırasında bir test uygulamasının oluşturulmasında ajax için jquery kullanıyorum.Reaktifleri oluşturmak için jquery seçicilerini kullanma

Reaktif bileşenlerini oluşturmak için hedef olarak jquery selektör kullanmak mümkün mü?

Bu

react tut alınmıştır:.

React.render(
    <FilterableProductTable products={PRODUCTS} />, 
    document.getElementById('content') 
); 

Bu çalışmıyor ama mümkün olup olmadığını ben bile bilmiyorum:

React.render(
    <FilterableProductTable products={PRODUCTS} />, 
    $('#content') 
); 

sayesinde John

+1

Belki de jquery'den çıkartın? $ ('# content') [0] –

+1

Ve eğer modern tarayıcı kullanıyorsanız, 'document.querySelector' kısmına jQuery olarak bakın, muhtemelen birçok tipik "öğe bul" senaryosu için gerekli değildir. – WiredPrairie

+0

@WiredPrairie Müthiş! Bunu daha önce hiç görmemiştim! – John

cevap

11

Bu

React.render(
    <FilterableProductTable products={PRODUCTS} />, 
    $('#content')[0] 
); 
numarasını uygulayacaktır. 210
+0

Ahh elbette, teşekkürler :) – John

+1

#content'iniz bir tepki bileşeniyse "refs" de kullanabilirsiniz. jQuery'yi kullanmak yerine this.refs.content.getDOMNode() 'yi kullanın. Bileşen/eleman aynı seviyede olmalı veya sahne olarak geçmelidir. Çağrıldığında, 'ref: content'; – Kursion

İlgili konular