React当中渲染文本的两个知识点

Posted 南望先生

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React当中渲染文本的两个知识点相关的知识,希望对你有一定的参考价值。

如果需要对服务返回的富文本 进行原样返回可以这么玩

  • 首先使用【<pre></pre>】这个标签把将要渲染的内容进行包裹,pre 标签的作用就是对文本进行原样渲染
  • 使用 dangerouslySetInnerhtml={{__html:变量}} 这个属性,将一些html标签解析成我们想要的格式
<pre>
 <div dangerouslySetInnerHTML={{__html:str}}></div>
</pre>

以上是关于React当中渲染文本的两个知识点的主要内容,如果未能解决你的问题,请参考以下文章

在 React 中渲染 Relay 现代片段

快速体验React开发基础入门指南

React中条件渲染

react.js 元素渲染

React源码 ReactDOM.render

React Native TextInput在iOS上渲染文本太高,切断了一些字符的顶部