Как вставить многострочный в JSX?

Question

Я хочу вставить код в JSX;

Использование реквизита ценности:

Ребенок:

<Child value=" 
var s = 'hello'; 
console.log(s); 
" /> 

Родитель:

<div dangerouslySetInnerHTML={this.props.value}> 

Но нет разрыва строки;

Использование детей:

Ребенок:

<Child> 
var s = 'hello'; 
console.log(s); 
<Child/> 

Результат: Ошибка компиляции

Как решить эту проблему?

Answer 1

Вы можете использовать обратные кавычки заключены шаблоны строковых литералов:

<Child value={` 
var s = 'hello'; 
console.log(s); 
`} /> 

рекомендации:

• Template strings