首页 > 其他分享 >React 富文本展示

React 富文本展示

时间:2022-10-23 19:01:11浏览次数:41  
标签:function return 展示 default React 文本

dangerouslySetInnerHTML

  export default function App () {
    let init = () => {
      // 向后端发送请求 拿到html 用富文本填展示
      return `
        <div>
          <p>后端数据。。。。</p>
        </div>
      `
    }
    return (
      <div>
        {
          <div dangerouslySetInnerHTML={{
            __html: init()
          }}></div>
        }
      </div>
    )
  }

标签:function,return,展示,default,React,文本
From: https://www.cnblogs.com/bingquan1/p/16819147.html

相关文章

  • jsp页面中的正则表达式--主要用于js判断文本格式
    一、方括号[]举例:二、^三、元字符举例的话,就可以这么说,要实现要表示整数的话:[]就表示输入的文本框里面的数字的第一位,可以这么写--->[1-9]然后已知\d表示的与[0-9......
  • HTML标签-文件标签和文本标签
    HTML文件标签文件标签:构成html最基本的标签html:html文档的根标签head:头标签,用于去指定html文档的一些属性,还可以引入一些外部的资源(脑袋)title:标题标签(头部......
  • react router 6
    -2021年11月reactrouter6成为默认版本,npm安装时自动安装6版本每次reactrouter发布都会有3个版本react-router:路由的核心库,提供了很多组件钩子react-router-dom:......
  • Reactor 模式线程模型
    根据Reactor的数据量和处理资源池线程数量,可以分为3钟典型实现单Reactor单线程  单Reactor多线程  主从Reactor多线程 ......
  • 设置字体样式,文本装饰
     1.设置字体类型(如下)注意:字体尽量设置成通用的,否则如果用户系统没有该种字体就不能显示  2.设置字体的粗细字体粗细100—900,100最细,900最粗  3.设置字......
  • 初始css更改文本样式
    css层叠样式表(CascadingStyleSheet)   ......
  • 使用react+redux实现弹出框案例
    redux实现弹出框案例实现效果,点击显示按钮出现弹出框,点击关闭按钮隐藏弹出框新建弹出框组件src/components/Modal.js,在index.js中引入app组件,在app中去显示计数器和......
  • 【Python】第3章-18 统计一行文本的单词个数
    随机输入一个字符串,把最左边的10个不重复的英文字母(不区分大小写)挑选出来。如没有10个英文字母,显示信息“notfound”输入格式:在一行中输入字符串输出格式:在一行中......
  • react扩展
    -一、setState的两种用法:setState是异步的调用,当我们代用过setState后,紧接着打印state的值,发现是更改之前的值。对象式和函数式importReact,{Component}from're......
  • github项目分享【中国(世界)疫情数据展示大屏】
    github仓库地址:https://github.com/SAH01/COVID-19_Data_Analysis_Website单击左上角按钮可以切换中国和世界展示界面!项目简介:项目分为两个板块:一个是......