Блог

Главная - Вопросы по программированию - Как добавить класс начальной загрузки и класс условий в один и тот же div?

Как добавить класс начальной загрузки и класс условий в один и тот же div?

#reactjs

#reactjs

Вопрос:

Ниже приведен мой код:

 <div className={temp} 
style={{ padding: "2px", marginBottom: "5px" }}
className="panel panel-default"
>

Здесь, как я должен добавить свой условный класс и класс начальной загрузки?

Комментарии:

1. Точно так же, как это <div className={ condition ? "btn btn-danger" : " btn btn-success" }>

Ответ №1:

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

Предположим, вы хотите проверить определенное условие, и если оно выполнено, вы хотите применить btn-success класс, иначе btn-danger класс, учитывая, что кнопка останется маленькой, независимо от того ( btn-sm всегда имея класс).

 const temp = someCondition ? "btn btn-sm btn-success" : "btn btn-sm btn-danger";

<div
  className={temp}
  style={{ padding: "2px", marginBottom: "5px" }}
  className="panel panel-default"
>
  text here
</div>;

Ответ №2:

С помощью строк шаблона вы можете сделать это следующим образом:

 className={`panel panel-default ${condition ? temp : ''}`}

или без них,

 className={"panel panel-default "   (condition ? temp : '')}