如何在JSX中使用转义字符

使用与Javascript（ECMAScript）相同的转义符

\'单引号

\“双引号

\反斜杠

\ n新行

\ r回车

\ t标签

\ b退格键

\ f换页

对于HTML部分，请使用HTML转义字符。

有一些小陷阱，需要注意，例如评估{}之间的转义字符

HTML：

<div id="container">
    <!-- This element's contents will be replaced with MyComponent. -->
</div>

JSX：

class MyComponent extends React.Component {
  render() {
    console.info('Test line\nbreak');
    return <div>Hello {this.props.name} &lt;> </div>;
  }
}

ReactDOM.render(
  <MyComponent name="Stackoverflow  &lt; !-- comment in name -->" />,
  document.getElementById('container')
);

该程序将其打印到控制台：

Test line
break

添加用户的屏幕如下：

你好Stackoverflow <！-名称中的注释-> <>