Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何在JSX中使用转义字符_Reactjs_Jsx - Fatal编程技术网

Reactjs 如何在JSX中使用转义字符

Reactjs 如何在JSX中使用转义字符,reactjs,jsx,Reactjs,Jsx,我想在我的React应用程序中使用一些转义字符,但我还没有找到任何可以在我的应用程序中使用转义字符的资源 有可用的方法吗?使用转义为Javascript(ECMAScript) “单引号 “双引号 \反斜杠 \新线 \回车 \t形标签 \b退格 \f型饲料 对于HTML部分,使用HTML转义字符。 有一些需要注意的小问题,比如在{}之间计算逃逸字符 HTML: <div id="container"> <!-- This element's cont

我想在我的React应用程序中使用一些转义字符,但我还没有找到任何可以在我的应用程序中使用转义字符的资源

有可用的方法吗?

使用转义为Javascript(ECMAScript)

“单引号

“双引号

\反斜杠

\新线

\回车

\t形标签

\b退格

\f型饲料

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

有一些需要注意的小问题,比如在{}之间计算逃逸字符

HTML:

<div id="container">
    <!-- This element's contents will be replaced with MyComponent. -->
</div>
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
用户屏幕如下所示:

<div id="container">
    <!-- This element's contents will be replaced with MyComponent. -->
</div>
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<!--以名称发表评论-->


请阅读关于如何提问的帮助部分。通常会包括您尝试过的内容。@DarrenSweeny很清楚他想要什么,我来到这里就是想找到同样的东西。