Как правильно типизировать пропсы в React: prop?: Type или prop: Type | undefined?

Question

[Андрей Рафальский]

При проектировании пропсов для React-компонентов на TypeScript я иногда сомневаюсь, как правильно типизировать пропсы:
prop?: Type
или
prop: Type | undefined

Моё понимание на данный момент:

prop?: Type

Сам проп является необязательным — компонент можно использовать без передачи этого пропа. Если проп передан, он должен быть указанного типа.

prop: Type | undefined

Проп является обязательным — его нужно передавать всегда, но его значение может быть undefined.

Иногда пропс критически важен для логики внутри компонента (я буду всегда использовать его),
но в ранних рендерах или на этапе инициализации значение этого пропса может быть временно undefined.

Вопросы:
- Когда стоит предпочитать prop?: Type, а когда — prop: Type | undefined?
- Допустимо ли использовать ?:, даже если значение временно может быть undefined?
- Какой подход считается самым чистым и "производственным" (production-grade) в современных проектах на React + TypeScript?

Comments

[Антон Иванов]

Это абсолютно одинаковые записи. Одна короче, другая длиннее. Не надо искать тайну там, где её нет.

Answer 1

[Андрей]

Когда стоит предпочитать prop?: Type, а когда — prop: Type | undefined?

Нет разницы какой подход вы выберите, просто разный вид одной и той же записи, главное чтобы во всем проекте было одинаково

Допустимо ли использовать ?:, даже если значение временно может быть undefined?

undefined буквально означает "не определено", так что да, допустимо

Какой подход считается самым чистым и "производственным" (production-grade) в современных проектах на React + TypeScript?

Любой который вы выберите, либо тот который уже есть на проекте