Vzorový příklad pro načítání JSON.
Jak lze volat AJAX?
K dispozici je libovolná knihovna AJAX, která se vám líbí s React. Některé populární jsou Axios, jQuery AJAX a v prohlížeči vestavěný window.fetch.
Kde se měl v životním cyklu volat AJAX?
Volání AJAX by se mělo provádět v componentDidMount. Je to proto, abyste mohli aktualizovat setState komponenty při načítání dat.
Příklad: Použití výsledků AJAX k nastavte lokálního stavu
Níže uvedený příkaz ukazuje, jak provést volání AJAX, componentDidMount, aby se naplnil lokální stav místní komponenty.
Příklad API vrací objekt JSON takto:
{
"items": [
{ "id": 1, "name": "Apples", "price": "$2" },
{ "id": 2, "name": "Peaches", "price": "$5" }
]
}GitHub
GitHub