Как вставить состояние/реквизит в атрибуте class в responsejs?

Question

Я работаю на reactjs, у меня был небольшой опыт в meteorjs раньше, и я имел обыкновение делать, как

<p class= {somehelper}> testing </p>

, но здесь, в reactjs он не работает, как this.Here приведен пример кода.

<div className="col-md-3 {card.insertTime}"> DeadLine : {card.insertTime}</div> 

Здесь {card.insertTime} не дает значение .Что это ошибка, которую я делаю.

Answer 1

<div className="col-md-3 {card.insertTime}"> 

Обрабатывает "col-md-3 {card.insertTime}" как буквальную строку. Вы должны сделать конкатенацию вместо:

<div className="col-md-3 " + card.insertTime> 

Хорошая лучшая практика, чтобы всегда обернуть строки в {} сделать задание разъясняя:

<div className={"col-md-3 " + card.insertTime}> 

Answer 2

В этом случае вы можете использовать конкатенацию,

<div className={ "col-md-3 " + card.insertTime }>Concat</div> 

или если вы используете ES2015 вы можете использовать template literals

<div className={ `col-md-3 ${ card.insertTime }` }>template</div> 

Example