一、概述

除了 antd 组件以及脚手架内置的业务组件,有时我们还需要引入其他外部模块,这里以引入富文本组件 react-quill 为例进行介绍。

二、使用

2.1、引入依赖

在终端输入下面的命令完成安装:

npm install react-quill --save

注意:加上 --save 参数会自动添加依赖到 package.json 中去。

2.2、使用【在NewPage中】

import React from 'react';

import { Button, notification, Card } from 'antd';

import ReactQuill from 'react-quill';

import 'react-quill/dist/quill.snow.css';

export default class NewPage extends React.Component {

state = {

value: 'test',

};

handleChange = (value) => {

this.setState({

value,

})

};

prompt = () => {

notification.open({

message: 'We got value:',

description: ,

});

};

render() {

return (

Prompt

);

}

}

这样就成功引入了一个富文本组件。有几点值得注意:

import 时需要注意组件暴露的数据结构;

有一些组件需要额外引入样式,比如本例。

ant design pro 加载慢_ant design pro (九)引入外部模块相关推荐

  1. ant design pro 加载慢_ant design pro项目打包后页面加载缓慢

    用ant design pro框架做的项目,打包之后每一个页面加载的速度都特别慢,在.webpackrc里面配置了ignoreMomentLocale: true, disableDynamicImp ...

  2. Intel Optane(tm) Memory Pinning 无法加载DLL“iaStorAfsServiceApi.dll“:找不到指定模块。(异常来自HRESULT:0x8007007E)

    Intel Optane™ Memory Pinning 无法加载DLL"iaStorAfsServiceApi.dll":找不到指定模块.(异常来自HRESULT:0x80070 ...

  3. [模块加载失败:找不到指定的模块]——如何解决DLL加载问题?

    [模块加载失败:找不到指定的模块]--如何解决DLL加载问题? 如果您在使用Windows操作系统时,遇到了"模块加载失败:找不到指定的模块"这样的错误提示,那么您很可能遇到了DL ...

  4. [UE]模块无法被加载,因此插件加载失败。可能存在系统错误,或模块未能正确设置

    [UE]模块无法被加载,因此插件加载失败.可能存在系统错误,或模块未能正确设置 可能原因 可能原因 动态库丢失

  5. c# 无法加载DLL:找不到指定的模块(异常来自HRESULT:0X8007007E)

    c# 无法加载DLL:找不到指定的模块(异常来自HRESULT:0X8007007E) 参考文章: (1)c# 无法加载DLL:找不到指定的模块(异常来自HRESULT:0X8007007E) (2) ...

  6. win10关于Intel Optane(tm) Memory Pinning 无法加载DLL”iaStorAfsServiceApi.dll”:找不到指定模块报错解决方法

    摘要:最近自己笔记本系统授权过期,刚好有碰上系统更新.升级后以点击文件夹或者offie套装就报lntel Optane(tm) MemoryPinning无法加载DLL "iaStorAfs ...

  7. DLL错误之——无法加载DLL“***.dll“:找不到指定的模块(异常来自HRESULT:0x8007007E)问题的终极感悟

    1.前奏 最近帮老师用opencv做一个东西,在VS2013中配置了opencv 的经典版本opencv2.4.9,做了一个视频解帧的工作,封装成了C++的dll,以供对方公司使用C#语言调用,所以我 ...

  8. c# 无法加载 DLL xxxxxxxx找不到指定的模块。 (异常来自HRESULT:0x8007007E)。的一个解决方法

    c# 无法加载 DLL xxxxxxxx找不到指定的模块. (异常来自HRESULT:0x8007007E).的一个解决方法 参考文章: (1)c# 无法加载 DLL xxxxxxxx找不到指定的模块 ...

  9. ant文件放在ps的哪里_ant design vue按需导入icons

    由于最近项目上线首页加载问题,从各方面进行优化减少体积,包括icon的按需导入,借此记录一下 1.首先需要创建一个icon.js,我是直接在src的utils中创建的(可以根据自己需要,在对应路径创建 ...

最新文章

  1. 【2021】一位清华大佬的互联网秋招算法岗总结
  2. 三部排序|2013年蓝桥杯B组题解析第六题-fishers
  3. springboot-cache的简单使用
  4. Opencv--(x,y),(width,height)及(cols,rows)的关系
  5. 图像增强(一):randaugment
  6. 缓存系统在游戏业务中的特异性
  7. php里面什么是u函数,ThinkPHP内置函数----U方法
  8. android异步任务框架,详解Android App中的AsyncTask异步任务执行方式
  9. Win10点击声音图标打不开音量调节的解决方法
  10. 100行JS代码实现❤坦克大战js小游戏源码 HTML5坦克大战游戏代码(HTML+CSS+JavaScript )...
  11. 20 杭电计算机考研经验
  12. 2.4 PRINCE2
  13. 传奇私服服务器怎么增加npc,传奇添加NPC的方法以及形象代码计算
  14. 虚拟机安装打印服务器,虚拟机怎么添加打印机
  15. Excel·VBA单元格内容拆分
  16. b站谈服务器崩溃后其他站点,B站服务器崩溃后,蒙古上单和陈睿一起上了热搜...
  17. jQuery官网下载文档的步骤
  18. Itext5生成Pdf报表
  19. thingsboard 规则引擎结点功能总结
  20. java 1f8b0800,常用ASCII/ISO-8859-1/GB2312/GBK/UTF-8等字符编码梳理

热门文章

  1. 【网络文件共享】02、NFS服务基础
  2. Tomcat Server 配置
  3. ffmpeg frei0r filter 参数及效果
  4. Hashtable的使用
  5. 锐捷2126G部分基础配置(升级系统固件、telnet、vlan)
  6. 利用radio实现Datagrid的单选
  7. 3、如何证明static静态变量和类无关?
  8. 打造一个TB级微服务日志监控平台
  9. MySQL 5.6.35 索引优化导致的死锁案例解析
  10. 京东物流基于Doris的亿级数据自助探索应用