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

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

   <button className={isConditionTrue ? "btn btn-primary" : "btn btn-secondary"}>
    Button
   </button>

   В этом примере класс btn-primaryбудет применен, если isConditionTrueимеет значение true, в противном случае btn-вторичныйбудет применен класс.

2. Использование логического оператора И:

   <button className={"btn " + (isConditionTrue && "btn-primary")}>
    Button
   </button>

   Здесь класс btn-primaryбудет применяться только в том случае, если isConditionTrueимеет значение true.

3. Использование библиотеки имен классов:

   import classNames from "classnames";
   <button className={classNames("btn", { "btn-primary": isConditionTrue })}>
    Button
   </button>

   Библиотека classnamesпозволяет условно применять классы на основе заданного условия.

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