2015-04-04 16 views
5

Tôi đang sử dụng jquery cho ajax trong việc xây dựng ứng dụng thử nghiệm trong khi học phản ứng.Sử dụng bộ chọn jquery để render reactjs

Có thể sử dụng bộ chọn jquery làm mục tiêu để hiển thị các thành phần phản ứng không?

Đây là từ react tut:.

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

này không làm việc nhưng tôi thậm chí không biết nếu nó có thể:

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

Cảm ơn, John

+1

Có lẽ, mở nó ra khỏi jquery? $ ('# content') [0] –

+1

Và nếu bạn đang sử dụng các trình duyệt hiện đại, hãy nhìn vào 'document.querySelector' như jQuery có lẽ không cần thiết cho nhiều kịch bản" tìm một phần tử "điển hình. – WiredPrairie

+0

@WiredPrairie Tuyệt vời! Tôi chưa bao giờ thấy điều này trước đây !! – John

Trả lời

11

này sẽ thực hiện thủ thuật

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

Ahh tất nhiên, cảm ơn bạn :) – John

+1

Nếu #content của bạn là một thành phần phản ứng, bạn cũng có thể sử dụng "refs". 'this.refs.content.getDOMNode()' thay vì sử dụng jQuery. Thành phần/phần tử phải ở cùng cấp hoặc được truyền như một đạo cụ. Khi được gọi bạn nên ở 'ref: content' với nó;) – Kursion

Các vấn đề liên quan