React渲染动态HTML——dangerouslySetInnerHTML
来源:互联网 发布:手机淘宝怎样申请换货 编辑:程序博客网 时间:2024/05/20 23:04
使用场景,后台返回数据需要进行标签替换或者其它处理,生成新的标签属性,无法将 RestAPI 数据进行展示:
import React, {Component, PropTypes} from 'react';import * as formatContent from 'util/formatWbsContent.js';const getWbContent = (content) => { return <div dangerouslySetInnerHTML={formatContent.createMarkup(content)}/>;}class ShowContent extends Component { constructor(props){ super() } render(){ return( {getWbContent(this.props.content)} ) } }
//'util/formatWbsContent.js'export function createMarkup(text) { return {__html: getWbContent(text)};}export const getWbContent = (content) => { /* * *一些标签替换等操作 * */ return contentHTML;}
阅读全文
0 0
- React渲染动态HTML——dangerouslySetInnerHTML
- react dangerouslySetInnerHTML
- React dangerouslySetInnerHTML
- dangerouslySetInnerHTML, 让React正常显示你的html代码
- React的dangerouslySetInnerHTML与Angular的ng-bind-html
- React渲染HTML
- dangerouslySetInnerHTML, 让React正常显示你的html代码和<br/>
- react.js使用非元素属性dangerouslySetInnerHTML
- React官网(1)—元素渲染
- react native 动态添加/渲染组件
- 支持Html渲染的TextView—LinkTextView
- 动态添加的HTML的自动渲染
- React直接渲染从后台传过来的<html>标签
- 小白使用React--动态渲染dom节点
- vue 动态渲染 html标签解决方案 v-html
- vue v-html动态添加 html 内容渲染,事件失效(无法从新渲染)
- react demo1 (react内容渲染)
- html渲染
- windows下Rocketmq部署server
- CSS预处理器
- 狱吏问题--数学建模的使用
- Numpy模块的方法
- 实现图片上传预览和取消文件上传功能
- React渲染动态HTML——dangerouslySetInnerHTML
- iOS 引导页以及启动页 点击按钮进入首页 Window根视图窗口的切换
- Python 封装使用日志处理类
- 订单系统部署到阿里云服务器上
- JS:函数的记忆功能(闭包)
- 基于TensorFlow的Cats vs. Dogs(猫狗大战)实现和详解(2)
- win7+ubuntu14.04双系统出现的问题及解决办法
- 文件包含漏洞(绕过姿势)
- iOS多线程-各种线程锁