Подтвердить что ты не робот

Как я могу интерполировать JSX с выражением в строке?

Глядя на достижение следующего:

<div className="total total-{obj.state}">

Очевидно, что это компилируется в:

<div class="total total-{obj.state}">

В JSX есть элегантный способ оценить выражение в {} внутри строки?

Ответ 1

Попробуйте следующее:

<div className={'total total-' + obj.state}>

Помните, что все между { и } - это просто Javascript, поэтому выражение 'total total-' + obj.state, которое затем устанавливается как класс DOM node.

Ответ 2

Вы можете использовать выражение реакции, а затем javacript es6 string интерполяция

Что-то вроде этого:

<div someProp={`${SomeConstOrVariableOrExpression} simple text`}></div>