Когда значение по умолчанию для пропса компонента устанавливается на `true`?

Дефолтное поведение пропсов в React

Когда ты не указываешь значение пропса в React, он по умолчанию становится true. Это значит, что вот эти выражения делают одно и то же:

Совместимость с HTML

Это поведение существует, чтобы соответствовать стандартным HTML-конвенциям, где булевы атрибуты вроде disabled, checked и autocomplete обычно используются без явных значений.

Важное уточнение

Не рекомендуется полагаться на этот неявный дефолт true, потому что это может вызвать путаницу с синтаксисом сокращения объектов в ES6. Например:

• {name} это сокращение для {name: name}
• Из-за этого сходства другие разработчики могут неправильно понять твой код

Лучший подход

Для ясности и удобства поддержки явно передавай булевы значения:

Такой явный подход сразу показывает, что ты имеешь в виду, и предотвращает возможные недоразумения при код-ревью или работе в команде.