Ответ
Модификатор — это дополнительный параметр, который изменяет поведение или внешний вид компонента. Обычно передаётся через пропсы в виде булева значения или строки.
Пример:
<Button primary large />
В компоненте:
function Button({ primary, large }) {
const className = `
button
${primary ? 'button--primary' : ''}
${large ? 'button--large' : ''}
`;
return <button className={className}>Click</button>;
}
Используется для:
- Управления стилями (BEM-модификаторы)
- Изменения поведения компонента
- Условного рендеринга
Часто применяется в CSS-in-JS или с CSS-модулями.