reactjsのクラス属性にstate/propsを挿入するにはどうすればいいですか？

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