如何在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