2014-11-24 27 views
6

Reaksiyona girmeyen bir siteye bir tepki bileşeni, yorum özelliği eklemek istiyorum.Aynı reaksiyon bileşeninin birden fazla örneği

Sitede sonsuz kaydırmaya sahip bir haber sayfası var. Her haber hikayesinin altında tepki yorum bileşenini eklemek istiyorum. Ben buradaki FB eğitiminden sonra modellemeyi planlıyorum: http://facebook.github.io/react/docs/tutorial.html

Sorum şu: Her React bileşenini bir DOM öyküsüne dinamik olarak nasıl bağlarım? Temel olarak, aynı tepki yorumları bileşeninin birçok örneğine sahip olmak istiyorum, ancak her bir örnekte benzersiz bir öyküye (div) bağlıyım.

Reaktif bileşenini sunucu tarafında oluşturmam gerektiğini düşünüyorum, burada React.renderComponent'u dinamik olarak ayarlayabilirim. Herhangi bir işaretçi/örnek takdir edildi. gönderide temizlemek için JSX

veri ve hedef dom düğümü

React.render(<MyComponent data={data} />, el); 

Ya olmadan (biz bu değişkenler diyoruz data ve el edeceğiz) olması

React.render(React.createElement(MyComponent, {data: data}), el); 

ihtiyaç eklenir

+0

@jason_gelinas bunu hiç işe aldınız mı? Bir sayfada birden çok örneğe sahip çakışma çakışmalarının olduğunu gördüm, ancak kullanım durumunuz SEO için harika bir durum. – YPCrumble

cevap

8

up:

React.unmountComponentAtNode(el); 

Sunucu tarafı oluşturma işlemi için n do: Yukarıda bahsedildiği gibi

React.renderToString(React.createElement(MyComponent, {data: data})) 

ve sürece bunun sonucu istemci üzerinde el olarak biter gibi, sen React.render ile monte edebilirsiniz.

+2

, aynı DOM'de birden çok kez önerdiğiniz gibi React öğelerini bağlamak tamam mı? Bence bu soruyu şöyle soruyor: "Aynı tepki yorum bileşeninin birçok örneğini istiyorum, ancak her bir örnekte benzersiz bir hikayeye (div) bağlı" – YPCrumble

+4

Evet, yüzlerce kökünüz olabilir. – FakeRainBrigand

İlgili konular