美文网首页
React转义字符

React转义字符

作者: SherrinfordL | 来源:发表于2019-08-29 17:23 被阅读0次

首先贴上自己一小段code

{/* 图表 */}
                            <div className="chartWaveDay"></div>
                            <span style={{margin:'20px 0px 0px 20px',fontSize:12,position:'relative'}}>DAU(日活跃用户量)</span>                            
                            <span className="todayDataNum">{this.state.todayDataNum[0]}</span>
                            <div className="todayDataD">                                
                                <div className='todayDataInB'>
                                    <span style={{color:'black'}}>日</span>
                                    <span className="todayDataIcon" style={{color:(this.state.todayDataIcon1[0]==1?"red":"green")}} dangerouslySetInnerHTML = {{ __html:this.state.todayDataIcon1[0]==1?'&#8593;':'&#8595;' }}></span>
                                    <span className="dataVal">{this.state.dataVal1[0]}</span>                                    
                                </div>                                                                
                                <div className='todayDataInB'>
                                    <span style={{color:'black'}}>周</span>
                                    <span className="todayDataIcon" style={{color:(this.state.todayDataIcon1[1]==1?"red":"green")}} dangerouslySetInnerHTML = {{ __html:this.state.todayDataIcon1[1]==1?'&#8593;':'&#8595;' }}></span>
                                    <span className="dataVal">{this.state.dataVal1[1]}</span>                                    
                                </div>                                                                
                                <div className='todayDataInB'>
                                    <span style={{color:'black'}}>月</span>
                                    <span className="todayDataIcon" style={{color:(this.state.todayDataIcon1[2]==1?"red":"green")}} dangerouslySetInnerHTML = {{ __html:this.state.todayDataIcon1[2]==1?'&#8593;':'&#8595;' }}></span>
                                    <span className="dataVal">{this.state.dataVal1[2]}</span>                                    
                                </div>
                            </div>

其中dangerouslySetInnerHTML就是负责html展示的内容,同时该标签内不允许写入文字,只能在这个属性里写

相关文章

  • React转义字符

    首先贴上自己一小段code 其中dangerouslySetInnerHTML就是负责html展示的内容,同时该标...

  • React中解决html字符转义的几中方法

    React 会将所有要显示到 DOM 的字符串转义,防止 XSS。所以如果 JSX 中含有转义后的实体字符比如 ©...

  • [React] 在组件中输出html

    React会将所有要显示到DOM的字符串转义,防止XSS。React提供了dangerouslySetInnerH...

  • 正则

    元字符 转义 字符说明\转义字符 转义字符将普通字符转义为特殊字符,将特殊字符转义为普通字符: 字符说明\b匹配字...

  • 基础语法-字符串

    转义字符 转义字符\可以转义很多字符,比如\n表示换行,\t表示制表符,字符\本身也要转义,所以\表示的字符就是\...

  • 字符串-转义字符-编码-乱码-格式化

    1. 转义字符 转义字符\可以转义很多字符,比如\n表示换行,\t表示制表符,字符\本身也要转义,所以\表示的字符...

  • 小组分享--HTML转义字符&自定义标签

    emmmm 我们今天来讲讲html转义字符和自定义标签: 转义字符 先来说说html转义字符,转义字符大家应该都用...

  • Python语法小记忆

    1、转义字符 Python 中的字符串还支持转义字符。所谓转义字符是指使用反斜杠“\”对一些特殊字符进行转义。 转...

  • Python中的字符串处理

    Python转义字符 在需要在字符中使用特殊字符时,python用反斜杠(\)转义字符。如下表: 转义字符描述 \...

  • Python 基础2

    Python 转义字符 在需要在字符中使用特殊字符时,python 用反斜杠\转义字符。如下表: 转义字符描述 \...

网友评论

      本文标题:React转义字符

      本文链接:https://www.haomeiwen.com/subject/cxqwectx.html