Wpis z mikrobloga

Jestem nowy w #redux. Jak poradzić sobie z wieloma instancjami tego samego komponentu, który ma w sobie logikę i nie jest 'presentional' (pisanie po polsku o progromowaniu mnie przerasta). Mam cztery zakładki z czterema tabelami, struktura wygląda tak:

Jak widać tabele mają swoje propsy, oczywiście każda przedstawia inną wartość i w tym problem. Jako, że state w storze będzie wspólny dla wszystkich tabel (bo to ten sam komponent), każda tabela będzie przedstawiać te same dane, a powinna inne. Czy jedynym wyjściem są jakieś namespacy, aby store miał dane każdej tabeli w inaczej nazwanym obiekcie? Z wiadomych względów chcę uniknąć wielu store'ów.
#javascript #react
  • 3
@JesusOfSuburbia: stan jest wspólny, ale przecież w stanie możesz trzymać n zestawów danych (1 dla każdej tabeli). Daj komponentowi Table jakiegoś dodatkowego propa, żeby wiedział który fragment stanu ma sobie wziąć i tyle. Przykładowo

state = {
table1: ...,
table2: ...,
table3: ...,
}




i potem w mapStateToProps:

mapStateToProps = (state, ownProps) => ({data: state[ownProps.dataSource})
Oczywiście nazwy są z dupy i powinny być bardziej domenowe, ale chodzi o koncept