Renderowanie obiektów jako komponenty - ReactNative

Question

Witam wszystkich, natrafiłem na dość nową sytuację z którą już długo nie mogę sobie poradzić także zwracam się z problemem tutaj. Z backendu (firebase + node) otrzymuje przykładowe dane:

Object {
   "-LVAJKVhDR7tK5GDHVq-": Object {
     "description": "Task",
     "id": "1wem1vcjqe9llak",
     "name": "New",
   },
   "-LVAJP0oA6IvxXl3XWub": Object {
     "description": "Task",
     "id": "1wem1vcjqe9lzki",
     "name": "Next on",
   },
   "1wem7qgjqe9h4p2": Object {
     "description": "Task",
     "id": "1wem7qgjqe9h4p2",
     "name": "News",
   },
 }

Chciałbym na podstawie tego renderować komponenty w react-native. Zwykle robiłem to funkcją map ale miałem przy tym tablice, a w firebase niestety takie rozwiązanie nie wchodzi w grę.

Dodam też, ze nie wiem jakie będą klucze tych wartości, są generowane przez bazę.

Comments

Zwykle robiłem to funkcją map ale miałem przy tym tablice, a w firebase niestety takie rozwiązanie nie wchodzi w grę.

Jakiej struktury danych oczekuje Firebase?

Dodam też, ze nie wiem jakie będą klucze tych wartości, są generowane przez bazę.

Jeśli zrobisz to jako obiekt, to możesz klucze nazwać dynamicznie. 

---

Tak tylko one musza mieć unikalne nazwy. Po prostu co jakiś czas będę dodawał taska i muszę uniknąć powtórzeń. Jakby dane były w tablicy to po prostu bym je zmapował i nie musiał się przejmować ile tych danych faktycznie jest i co jest w środku.

Firebase nie ma natywnego wsparcia dla tablic. Dane muszą być w postaci klucza i wartości.

Answer 1

a nie możesz tego po prostu zmapować na tablicę? Na przykład tak na szybko:

Object.entries(obj).map(([_id, val]) => ({_id, ...val}));
[
  {_id: "-LVAJKVhDR7tK5GDHVq-", description: "Task", id: "1wem1vcjqe9llak", name: "New"}, 
  {_id: "-LVAJP0oA6IvxXl3XWub", description: "Task", id: "1wem1vcjqe9lzki", name: "Next on"},
  {_id: "1wem7qgjqe9h4p2", description: "Task", id: "1wem7qgjqe9h4p2", name: "News"}
]

i masz tablicę obiektów. Kwestia czy w ogóle potrzebujesz te dwa ID ale to już zostawiam Tobie, chodzi mi o zasadę, aby zmapować obiekt na tablicę i po niej normalnie przeiterować.

Albo przeiterować sobie po prostu po wartościach obiektu: 

Object.values(obj);
[
  {description: "Task", id: "1wem1vcjqe9llak", name: "New"},
  {description: "Task", id: "1wem1vcjqe9lzki", name: "Next on"},
  {description: "Task", id: "1wem7qgjqe9h4p2", name: "News"}
]

jeśli wystarczą Ci tylko wartości.