przekazywanie stanu do komponentu nizej

Question

Witam, przpuścmy, ze dostaje takiego jsona z backendu, wrzucam go do stanu w App

{
    "name": "name name",
    "title": "title",
    "options": [
        {
            "id": "0",
            "color": "red",
            "text": "text",
            "description": "bla bla bla",
            "svg": "",
            "table": [
                1,2,3
            ]
        }
    ]
}

Następnie mam komponenty (dzieci), component1, component2. Czy jesli chce w component1 pokazać same name i title, a w component2 zawartość options to muszę do kazdego komponentu przekazac cały stan? ewentualnie w jakis sposób mogę przekazać komponentowi tylko to czego potrzebuje? Jak to w react najlepiej rozwiazac?

Answer 1

Nie musisz przekazywać całego stanu, jeśli potrzebujesz tylko jego części.

Przykładowo: https://codesandbox.io/s/boring-jennings-9bl5r?file=/src/App.js

Comments

a przypuścmy byśmy mieli około 20 takich pól jak name i title czy wtedy też się tak pojedynczo przekazuje? Czy lepiej cały stan przekazać?

---

Myślę, że jest to kwestia wygody i czytelności. Jeśli musisz przekazywać wiele propsów w wielu miejscach, to wyciągnąłbym je do osobnego obiektu po to, żeby zaoszczędzić sobie pisania kodu na ich przekazanie i późniejszy odbiór (jako argumenty komponentu). Ewentualnie przekazałbym kopię (głęboką, w razie potrzeby - najprościej jest póki co użyć do tego JSON.parse(JSON.stringify( myObject ))) całego obiektu.