zoukankan      html  css  js  c++  java
  • dangerouslySetInnerHTMl

    dangerouslySetInnerHTMl 是React标签的一个属性,类似于angular的ng-bind;

    听说这个单词这么长,是故意的,应为有可能不合时宜的使用innerHTML会导致XSS攻击(然而我并不懂什么是XSS),

    __htlml: DOM;

    通常dangerSetInnerHTML(这个糟糕的单词,,这么长。。)是和__html配套使用的,用来在一个标签中插入许多个标签(安全的插入);

    通常写法:

    var HelloMessge = React.createClass({
        render: <div
                    dangerouslySetInnerHTML={{
                        __html: '<h3>hahhah</h3>'
                    }}>
                </div>
    })

    当然既然可以插入DOM,也可以插入字符串。。

    dangerouslySetInnerHTML={{
        __html: 'hahahhahaha'
        }}>

    之所以是有2个{{}},是因为第一{}代表jsx语法开始,第二个是代表dangerouslySetInnerHTML接收的是一个对象键值对

    参考文献:

  • 相关阅读:
    SpringBoot整合阿里云OSS
    UVALive
    HDU 5794 A Simple Chess dp+Lucas
    数论
    UVALive
    UVALive
    HDU 5792 World is Exploding 树状数组+枚举
    UVALive
    UVALive
    UVALive
  • 原文地址:https://www.cnblogs.com/summary-2017/p/9462687.html
Copyright © 2011-2022 走看看