我知道我可以在 HTML 中添加换行符title属性使用 ，但 React 避免了这一点。
例如，这是一个 React 组件，其中包含一个标准的、未由 React 处理的组件title包含换行符的属性...
并且可以在浏览器中看到效果...
但是如果 React 正在处理这个title属性...
...然后这是输出...
浏览器控制台显示这已被转义...
我怎样才能编写一个仍然包含的 JSX 元素 在输出中？或者是否有其他方法可以向 JSX 元素添加换行符title属性？
UPDATE
我找到\n如果title属性由 React 处理，而 因同样的原因而被转义title属性。然而，使用\n in a title属性是not由 React 处理只是输出“\n” - 在这些情况下我仍然必须使用 .
这不是一个特定于 React 的东西，javascript 会将其视为string您可以使用新的航线租船人\n，如果它通过了react，它仍然不起作用，因此您可以通过在编译时编码，并在运行时解码来以另一种方式转义它以达到所需的效果。
这是一个使用的演示编码URI https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent在反应中：
// %0A is URI encoded of newline character
// fellan bisar will be shown in two lines
function App() {
return (
<p title={decodeURI("fellan%0Abisar")}>
behman bisar fellan ....
</p>
)
}
ReactDOM.render(<App />, document.getElementById('root'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<div id="root"></div>
下面的代码片段是 JavaScript 中的演示：
fail.title = "fellan bisar";
success.title = decodeURI("fellan %0A bisar");
<p id="fail">fellan bisar bahman</p>
<p id="success">bahman bisar fellan</p>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
