Default Props — это фишка React, которая позволяет задать значения по умолчанию для пропсов компонента, если родительский компонент их не передал. Эти значения применяются только к undefined пропсам, а не к null.
Default props определяются как свойство класса компонента. Когда проп не передан компоненту, React автоматически использует значение по умолчанию.
Вот как задать default prop для компонента кнопки:
class MyButton extends React.Component {
// код компонента
}
MyButton.defaultProps = {
color: 'red'
};
Когда компонент отрисовывается без передачи пропса color, он по умолчанию становится 'red':
<MyButton /> // props.color будет 'red'
Важно понимать, что default props применяются только к undefined пропсам. Если явно передать null как значение пропса, он останется null и значение по умолчанию использоваться не будет:
<MyButton /> → props.color = 'red' (используется значение по умолчанию)<MyButton color={undefined} /> → props.color = 'red' (используется значение по умолчанию)<MyButton color={null} /> → props.color = null (остаётся null)Default props обычно используются для:
Default props в React будут применены, когда проп явно передан как null, гарантируя, что компонент всегда получит определённое значение.
Новый — ещё не проверен сообществом
Вы