React将富文本提取的html字符串正常显示到页面上

原創 YmwWow 2019-07-31 00:36

在数据库中我们提取出来的文本是以一串html字符串，会原封不动的包含标签显示到页面上，这个时候要用到dangerouslySetInnerHTML来解决问题

dangerouslySetInnerHTML格式不要写错 

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

从零开始，搭建React项目，篇一（搭建react项目、在react项目中使用Sass、react-router-dom、antd）

一、創建項目 注意： 創建項目的時候，記得暴露配置文件 （ npm run eject 或者 yarn run eject ） 因爲暴露配置的文件的操作不可逆，之前沒有提及git的話，可能會報錯，還需重新git add . ；

ddx2019 2020-07-08 11:55:42

react 读取excel中的内容并解析成json格式的

引用xlsx庫來完成這個功能 下載庫：npm下載可能會報錯，用yarn正常 npm install xlsx --save //or yarn add xlsx 模塊導入： import XLSX from 'xlsx'; 基

Volon Kou 2020-07-08 11:50:48

学习React(16) - 在list里使用index来做为key

在上一篇中，稍微提了一下key的用法，現在又說一下。大家都知道，在數組裏，是有index來做下標的，那麼想要在列表裏表現出index, 那應該如何用react來表現一下呢。還是使用上一篇的Namelist.js 文件，只是這回沒有

CHNBSCS 2020-07-08 11:21:29

学习React(25) - 介绍refs to DOM elements

這篇博文是講，如何attach refs to DOM elements and also class component in react. 咋們就直接上代碼： // Input.js 文件 import React, { Co

CHNBSCS 2020-07-08 11:21:29

学习React(23) - memo 的介绍

創建一個文件，MemoComponent.js // MemoComponent.js 文件 import React from 'react' function MemoComponent({name}) { cons

CHNBSCS 2020-07-08 11:21:29

学习React(13) - 使用props的方法

關於React的一些知識點，之前的博客已經講了差不多了，現在也就不多說什麼了，就直接上代碼，通過代碼就稍微說一下吧。 在src 文件包裏，創建兩個文件，一個叫做Testparentcomponent.js 文件，另一個叫做 Chi

CHNBSCS 2020-07-08 11:21:29

学习React(18) - Form表单的运用

做網頁，大部分情況下是離不開表單的運用。現在，就把如何用react來表示表單。 在src文件夾下創建一個文件： // Formstyle.js 文件 import React, { Component } from 'react'

CHNBSCS 2020-07-08 11:21:29

学习React(24) - 介绍Refs的用法

// RefsDemo.js 文件 import React, { Component } from 'react' class RefsDemo extends Component { constructor(prop

CHNBSCS 2020-07-08 11:21:29

学习React(5) - 组件 Component

組件是用來描述一部分的用戶界面。 組件是可以重複利用的，而且還可以嵌套在其他組件中。 組件類型： （1）無狀態功能組件 Stateless Functional Component 採用JavaScript Functions f

CHNBSCS 2020-07-08 11:21:28

学习React(17) - 样式和基本的CSS (Styling and CSS basics)

在React中，有幾種形式可以表示CSS在React中. CSS stylesheets Inline styling CSS Modules CSS in JS Libraries (Styled Components)

CHNBSCS 2020-07-08 11:21:28

学习React (1) - VS Code里创立react app

先介紹什麼是React: React is a JavaScript library for building user interfaces. React is a library and not a framework. Re

CHNBSCS 2020-07-08 11:21:28

学习React(26) - Forwarding Refs

Left forwarding is a technique for automatically passing a ref through a component to one of its children. 在上一篇的博客中

CHNBSCS 2020-07-08 11:21:28

学习React(15) - 列表渲染 (list rendering)

在做網站時，大部分時候我們都需要在網址上做列表，比如說姓名列表等。那麼在React裏，應該如何實現這個功能呢？那就請看這篇博客吧！ 在src文件夾下面創建一個名爲Namelist.js 文件，下面是代碼： // Namelist.

CHNBSCS 2020-07-08 11:21:28

学习React (3) - 如何用Jumbotron

已經學會了怎麼用React來寫Hello World， 那麼下一步就開始學習React那些組件。現在就先講講Jumbotron. 這個Jumbotron 大部分用在bootstrap裏面的，採用官方的解釋什麼是Jumbotron:

CHNBSCS 2020-07-08 11:21:16

学习React(4) - 文档结构介绍

博主忘記介紹當在VS Code安裝好React 之後，會出現三個文件包和四個文件，沒有介紹。現在博主就補回來，然後在下面會介紹。 package.json 文件： This file contains the dependenc

CHNBSCS 2020-07-08 11:21:15