Как правильно типизировать пропсы в React: prop?: Type или prop: Type | undefined?
При проектировании пропсов для React-компонентов на TypeScript я иногда сомневаюсь, как правильно типизировать пропсы: prop?: Type
или prop: Type | undefined
Моё понимание на данный момент:
prop?: Type
Сам проп является необязательным — компонент можно использовать без передачи этого пропа. Если проп передан, он должен быть указанного типа.
prop: Type | undefined
Проп является обязательным — его нужно передавать всегда, но его значение может быть undefined.
Иногда пропс критически важен для логики внутри компонента (я буду всегда использовать его),
но в ранних рендерах или на этапе инициализации значение этого пропса может быть временно undefined.
Вопросы:
- Когда стоит предпочитать prop?: Type, а когда — prop: Type | undefined?
- Допустимо ли использовать ?:, даже если значение временно может быть undefined?
- Какой подход считается самым чистым и "производственным" (production-grade) в современных проектах на React + TypeScript?
- Когда стоит предпочитать prop?: Type, а когда — prop: Type | undefined?
Иногда пропс критически важен для логики внутри компонента (я буду всегда использовать его),
но в ранних рендерах или на этапе инициализации значение этого пропса может быть временно undefined.
Ты сам и ответил на свой вопрос. Если ты считаешь, что проп необходим быть всегда, даже если он может быть андефайнд, то второй вариант, иначе первый.
- Допустимо ли использовать ?:, даже если значение временно может быть undefined?
А кто-то запрещает?
- Какой подход считается самым чистым и "производственным" (production-grade) в современных проектах на React + TypeScript?
Никакой. Это мелочь на уровне вкусовщины. Как в проекте решите, так и будет. Если вообще решите.
