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

1. Использование конкатенации строк:

   <div className={'myClassName ' + (condition ? 'active' : 'inactive')}></div>

2. Использование литералов шаблона:

   <div className={`myClassName ${condition ? 'active' : 'inactive'}`}></div>

3. Использование библиотеки имен классов:
   Сначала установите библиотеку имен классов, запустив npm install classnamesили yarn add classnames. Затем импортируйте его в свой компонент и используйте следующим образом:

   import classNames from 'classnames';
   
   <div className={classNames('myClassName', { active: condition, inactive: !condition })}></div>

4. Использование встроенного оператора if-else:

   <div className={condition ? 'myClassName active' : 'myClassName inactive'}></div>

5. Использование объектно-ориентированного подхода:

   const classProps = {
    myClassName: true,
    active: condition,
    inactive: !condition
   };
   
   <div className={Object.keys(classProps).filter(key => classProps[key]).join(' ')}></div>

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