2015-04-04 11 views
5

Sto usando jquery per ajax nella build di un'applicazione di test mentre l'apprendimento reagisce.Utilizzo dei selettori jquery per il rendering reactjs

È possibile utilizzare il selettore jQuery come destinazione per il rendering di componenti reattivi?

Questo è dal react tut:.

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

Questo non funziona, ma io non so nemmeno se è possibile:

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

Grazie, John

+1

Forse, scartalo da jquery? $ ('# contenuto') [0] –

+1

E se stai usando i browser moderni, guarda 'document.querySelector' dato che jQuery probabilmente non è necessario per molti tipici scenari di" trova un elemento ". – WiredPrairie

+0

@WiredPrairie Fantastico! Non l'avevo mai visto prima !! – John

risposta

11

Questo farà il trucco

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

Ah, naturalmente, grazie :) – John

+1

Se il tuo #content è un componente che reagisce puoi anche fare uso di "ref". 'this.refs.content.getDOMNode()' invece di usare jQuery. Il componente/elemento dovrebbe essere allo stesso livello o passato come oggetti di scena. Quando chiamato dovresti "ref: content" ad esso;) – Kursion