Jak korzystać z JSON na JavaScript PropTypes
- Wklej reprezentatywny przykład JSON, najlepiej z wypełnionymi wszystkimi opcjonalnymi polami.
- Podaj nazwę typu głównego i zdecyduj, czy chcesz też kod pomocniczy, czy tylko typy.
- Skopiuj wygenerowany kod JavaScript PropTypes do swojego projektu.
O narzędziu JSON na JavaScript PropTypes
Ręczne pisanie klas modeli dla dużych danych JSON jest żmudne i łatwo wtedy o literówki. Wklej tutaj przykład, a generator rozpozna strukturę: jakie pola występują, które są obiektami lub tablicami i jaki typ ma każda wartość. Wynikiem są schematy React PropTypes gotowe do przypisania komponentowi.
PropTypes sprawdzają props w czasie działania tylko w wersjach deweloperskich, a w produkcji są ignorowane. Wszystko działa w przeglądarce, więc dane z przykładu zostają na Twoim urządzeniu.
Korzystanie z wygenerowanego kodu
Importuj wywożony kształt i użyj go jako MyComponent.propTypes = { data: RootShape }.
Wartości opcjonalne nie mają isRequired, dzięki czemu akceptują undefined i null.