2015-01-04 8 views
5

Kaygı bileşenleri, endişeyi nasıl ayıracağımızı bildiğimizde harikadır. Ancak, bu vakayı soyutlamak gerçekten zor. [Aa, Ab, Ac] böylece normalde gibi A, B, C,, yani ana bir komponentin, tepki ve işlemek için:React içinde bileşen başına sütun içeren bir HTML tablosu nasıl oluşturulur?

 
    | A | B | C | 
    | A.a | B.a | C.a | 
    | A.b | B.b | C.b | 
    | A.c | B.c | C.c | 

istek başına 1 sütun geri API, örneğin var Bununla birlikte, bu durumda, kolon başına değil, bileşen başına html yapısı aroma tr nedeniyle kolayca yapılamam.

Bu konuda herhangi bir fikri olan var mı?

+0

CSS ızgara düzenlerinden birini kullanın, örneğin twitter bootstrap. Sütunların farklı yüksekliklere sahip olması ve onlara eşit bir şekilde ihtiyaç duymanız halinde bazı sorunlarınız olabilir, ancak bazı sorunlardan sonra yapılabilir. – daniula

+0

İdeal olarak bir şeyleri ayırmalısınız, böylelikle her __row__ için bir tane bileşeniniz var. Her bir sütun için farklı ajax yanıtlarınız varsa, tüm istekleri yapın ve ardından ayrı bir tablo satırı bileşenlerine geçerken bunu yatay bir tablo yapısında eşleyin. Eğer verilerin güncellenmesi gerekiyorsa, 'state' olarak ayarlarsanız, aynı haritalama fonksiyonu tekrar çalışmalıdır. –

+0

hızlı kesmek: http://jsfiddle.net/0tk44f75/1 açıkça ekstra bileşenlere ayırabilirsiniz. bunu yapmanın en güzel yolu değil – knowbody

cevap

0

Farklı şekilde yineleyin, özellikleri yineleyin! Önceden bildiğinizden, .a, .b, .c numaralı tüm özelliklere sahip bir "RowRenderer" bileşenini kullanın. Özellik başına, A, B, C ve yinelemenin özellik adı gibi bir nesneyi alıp hücreyi oluşturan "CellRenderer" kullanın.

İlgili konular