jsonecho

JSON у JavaScript PropTypes

Вставте приклад JSON, щоб створити відповідні типи JavaScript PropTypes.

Завантаження інструмента...

Як користуватися JSON у JavaScript PropTypes

  1. Вставте показовий приклад JSON, бажано з усіма заповненими необов’язковими полями.
  2. Задайте назву кореневого типу й виберіть, чи потрібен вам допоміжний код, чи лише типи.
  3. Скопіюйте згенерований код JavaScript PropTypes у свій проєкт.

Про JSON у JavaScript PropTypes

Писати класи моделей вручну для великого обсягу JSON-даних нудно, і так легко припуститися друкарської помилки. Вставте сюди приклад, і генератор визначить структуру: які поля є, які з них об’єкти чи масиви та який тип має кожне значення. Результат — схеми React PropTypes, які можна одразу призначити компоненту.

PropTypes перевіряють props під час виконання лише у збірках для розробки й ігноруються у виробничих збірках. Усе працює у браузері, тому дані з вашого прикладу залишаються на вашому пристрої.

Використання згенерованого коду

Імпорт експортуваної форми і використання її як MyComponent.propTypes = { data: RootShape }.

Необов’язкові значення не мають isRequired, тому приймають undefined і null.

Поширені запитання

Які залежності має згенерований код JavaScript PropTypes?

Результат — схеми React PropTypes, які можна одразу призначити компоненту.

Як аналізувати JSON з результатом?

Імпорт експортуваної форми і використання її як MyComponent.propTypes = { data: RootShape }.

Як обробляються необов’язкові та відсутні поля?

Необов’язкові значення не мають isRequired, тому приймають undefined і null.

Чи аналізує генератор більше одного запису?

Генератор знає лише те, що є у вашому прикладі. Якщо поля немає в прикладі, воно не з’явиться в типах. Якщо значення в прикладі дорівнює null, його тип визначити неможливо. Вставте приклад із якомога більшою кількістю заповнених полів або масив із кількома різними записами.

Чи надсилаються мої дані JSON на сервер?

Ні. Під час першого використання генератор завантажується у браузер, приблизно 1 МБ. Далі все виконується локально.

Більше в категорії Дані в класи

Усі інструменти →