@PHPjedi

Как добавить класс через rest?

function Button({children, ...rest}) {
    return (
        <button className="great-button">
            {children}
        </button>
    );
}


Если попробовать так, логично, что не получится

function Button({children, ...rest}) {
    return (
        <button {...rest} className="great-button">
            {children}
        </button>
    );
}


Как можно правильно добавить класс к button не теряя уже существующий .great-button?
  • Вопрос задан
  • 80 просмотров
Решения вопроса 2
0xD34F
@0xD34F Куратор тега React
const Button = ({ children, className = '', ...rest }) => (
  <button {...rest} className={`button ${className}`}>
    {children}
  </button>
);
Ответ написан
vovaspace
@vovaspace
Frontend Engineer
Лучше использовать библиотеки типа classnames.

const Button = ({ children, className, ...rest }) => (
  <button {...rest} className={classnames('great-button', className)}>
    {children}
  </button>
);
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы