Что такое модификатор на Props

Ответ

Модификатор — это дополнительный параметр, который изменяет поведение или внешний вид компонента. Обычно передаётся через пропсы в виде булева значения или строки.

Пример:

<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-модулями.