如何在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);
`} />

参考文献：

• 模板字符串