obiekt json w stanie app

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?

Stan możesz przekazać w całości albo tylko to co jest potrzebne, nie ma sztywnych wytycznych oczywiście purysta, który dba o każdy bit pamięci może zalecić przekazywanie tylko potrzebnych danych. Jeżeli masz małą aplikację to spokojnie możesz to przekazać przez propsy, w aplikacjach większych lepszy będzie kontekst lub kompozycja, w aplikacjach dużych warto skorzystać z Redux.

Poza tym zainteresuj się useReducer czasem może być przydatny żeby nie przekazywać callbacków między komponentami.