React Render运作绑定并显示HTML标签内容
React Render运行绑定并显示HTML标签内容
默认情况下,React Render不允许插入html标签的,为了避免xss攻击
默认情况下,React Render不允许插入html标签的,为了避免xss攻击
<div className='body'> {this.props.description} </div>
所以上面默认情况下你这样使用都是不能显示换行功能的:
confirm('Are you sure?', { description: '遇到点问题!<br/>请尝试下载(更新)新版点融APP,并在投资页面使用该券。' }); or confirm('Are you sure?', { description: '遇到点问题!\n请尝试下载(更新)新版点融APP,并在投资页面使用该券。' });
解决方案,需要开启html显示功能:
<div className='modal-body' dangerouslySetInnerHTML={{__html: this.props.description}}></div>