初识React(5)：dangerouslySetInnerHTML属性

VPointer 发布于2019-08-23 11:28 / 2646人阅读

摘要：属性的功能实际上就是显示纯文本内容标题名称这里如果是直接会把标签一起显示出来，所有这个时候就要用到了，这样只显示内容不会显示标签

dangerouslySetInnerHTML属性的功能实际上就是显示纯文本内容

import React from "react";

class SetHtml extends React.Component {
  constructor(){
    super();
    this.state = {
      content:"标题名称"
    }
  }
   render() {
     return (
       
          
            {this.state.content}
          

          

       
     )
   }
}

export default SetHtml;

这里如果是直接this.state.content会把h1标签一起显示出来，所有这个时候就要用到dangerouslySetInnerHTML了，这样只显示内容不会显示标签

GPU云服务器云服务器 docker初识初识关系数据库 react _React

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97008.html

React框架实现移动页面翻译是一种什么体验？

摘要：但是可以做到将内容中的英文单词翻译出来，是怎么实现的呢一起来看一下吧。处理中的单词由于传给我的是一大段内容，里面的元素的类型不只一种类名也不止一种，有等等，但是我只处理面积最大的一块英文，也就是只处理中的英文单词这就好办了。单词翻译常见于APP中，那么在网页中对于一段中英混杂的内容怎么准确的做到单词的翻译呢？我要渲染的内容是一段段的html，用react渲染一段html内容是没有什...

马永翠 2019-08-30 14:07 评论0 收藏0
React框架实现移动页面翻译是一种什么体验？

摘要：但是可以做到将内容中的英文单词翻译出来，是怎么实现的呢一起来看一下吧。处理中的单词由于传给我的是一大段内容，里面的元素的类型不只一种类名也不止一种，有等等，但是我只处理面积最大的一块英文，也就是只处理中的英文单词这就好办了。单词翻译常见于APP中，那么在网页中对于一段中英混杂的内容怎么准确的做到单词的翻译呢？我要渲染的内容是一段段的html，用react渲染一段html内容是没有什...

bingo 2019-08-22 15:19 评论0 收藏0
React.js 小书 Lesson23 - dangerouslySetHTML 和 style

摘要：那是因为设置可能会导致跨站脚本攻击，所以团队认为把事情搞复杂可以防止警示大家滥用这个属性。下一节中我们将介绍小书和组件参数验证。 React.js 小书 Lesson23 - dangerouslySetHTML 和 style 属性本文作者：胡子大哈本文原文：http://huziketang.com/books/react/lesson23 转载请注明出处，保留原文链接以及作者...

curried 2019-08-21 17:34 评论0 收藏0
React中的小知识点

摘要：配置默认和中的操作并不能完全满足所有操作需求，有些时候还是需要和打交道。当中提供了属性来帮助我们获取已经挂载元素的节点。当元素在页面上挂载完成以后，就会调用这个函数，并且把这个挂载以后的节点传给这个函数。配置默认 defaultProps class ExampleComponent extends React.Component{ static defaultProps =...

niceforbear 2019-08-20 16:59 评论0 收藏0
【Under-the-hood-ReactJS-Part4】React源码解读

摘要：接上文，流程图子组件挂载我们继续探究方法。对于我们的实例代码而言，就是标签，所以没有额外的处理过程。属性验证紧接着的被调用的验证方法用于确保被正确设置，否则，会抛出异常。接上文， React流程图：https://bogdan-lyashenko.gith... 子组件挂载我们继续探究mount方法。如果渲染的标签里有复杂的html标签，如video，form，textarea等...

evin2016 2019-08-22 18:23 评论0 收藏0