В React, если вы хотите применить к элементу несколько имен классов, вы можете использовать несколько методов. Вот несколько часто используемых подходов:

1. Объединение строк.
   Вы можете объединить несколько имен классов в одну строку, а затем применить ее к атрибуту classNameэлемента. Например:

   const classNames = 'class1 ' + 'class2 ' + 'class3';
   return <div className={classNames}>...</div>;

2. Литералы шаблонов.
   Используя литералы шаблонов, вы можете интерполировать несколько имен классов в одну строку и назначить ее атрибуту className. Вот пример:

   const className1 = 'class1';
   const className2 = 'class2';
   const className3 = 'class3';
   return <div className={`${className1} ${className2} ${className3}`}>...</div>;

3. Объединение массива.
   Вы можете создать массив имен классов, а затем объединить их с помощью метода Array.join(), прежде чем назначать их classNameатрибут. Вот пример:

   const classArray = ['class1', 'class2', 'class3'];
   return <div className={classArray.join(' ')}>...</div>;

4. Библиотека имен классов.
   Другой популярный подход — использование библиотеки имен классов, которая обеспечивает удобный способ условного применения имен классов. Вы можете установить его через npm или Yarn, а затем использовать в своем компоненте. Вот пример:

   import classNames from 'classnames';
   const class1 = true;
   const class2 = false;
   const class3 = true;
   return <div className={classNames({ class1, class2, class3 })}>...</div>;

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