ant design pro 加载慢_ant design pro (九)引入外部模块
一、概述
除了 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 (九)引入外部模块相关推荐
- ant design pro 加载慢_ant design pro项目打包后页面加载缓慢
用ant design pro框架做的项目,打包之后每一个页面加载的速度都特别慢,在.webpackrc里面配置了ignoreMomentLocale: true, disableDynamicImp ...
- Intel Optane(tm) Memory Pinning 无法加载DLL“iaStorAfsServiceApi.dll“:找不到指定模块。(异常来自HRESULT:0x8007007E)
Intel Optane™ Memory Pinning 无法加载DLL"iaStorAfsServiceApi.dll":找不到指定模块.(异常来自HRESULT:0x80070 ...
- [模块加载失败:找不到指定的模块]——如何解决DLL加载问题?
[模块加载失败:找不到指定的模块]--如何解决DLL加载问题? 如果您在使用Windows操作系统时,遇到了"模块加载失败:找不到指定的模块"这样的错误提示,那么您很可能遇到了DL ...
- [UE]模块无法被加载,因此插件加载失败。可能存在系统错误,或模块未能正确设置
[UE]模块无法被加载,因此插件加载失败.可能存在系统错误,或模块未能正确设置 可能原因 可能原因 动态库丢失
- c# 无法加载DLL:找不到指定的模块(异常来自HRESULT:0X8007007E)
c# 无法加载DLL:找不到指定的模块(异常来自HRESULT:0X8007007E) 参考文章: (1)c# 无法加载DLL:找不到指定的模块(异常来自HRESULT:0X8007007E) (2) ...
- win10关于Intel Optane(tm) Memory Pinning 无法加载DLL”iaStorAfsServiceApi.dll”:找不到指定模块报错解决方法
摘要:最近自己笔记本系统授权过期,刚好有碰上系统更新.升级后以点击文件夹或者offie套装就报lntel Optane(tm) MemoryPinning无法加载DLL "iaStorAfs ...
- DLL错误之——无法加载DLL“***.dll“:找不到指定的模块(异常来自HRESULT:0x8007007E)问题的终极感悟
1.前奏 最近帮老师用opencv做一个东西,在VS2013中配置了opencv 的经典版本opencv2.4.9,做了一个视频解帧的工作,封装成了C++的dll,以供对方公司使用C#语言调用,所以我 ...
- c# 无法加载 DLL xxxxxxxx找不到指定的模块。 (异常来自HRESULT:0x8007007E)。的一个解决方法
c# 无法加载 DLL xxxxxxxx找不到指定的模块. (异常来自HRESULT:0x8007007E).的一个解决方法 参考文章: (1)c# 无法加载 DLL xxxxxxxx找不到指定的模块 ...
- ant文件放在ps的哪里_ant design vue按需导入icons
由于最近项目上线首页加载问题,从各方面进行优化减少体积,包括icon的按需导入,借此记录一下 1.首先需要创建一个icon.js,我是直接在src的utils中创建的(可以根据自己需要,在对应路径创建 ...
最新文章
- 【2021】一位清华大佬的互联网秋招算法岗总结
- 三部排序|2013年蓝桥杯B组题解析第六题-fishers
- springboot-cache的简单使用
- Opencv--(x,y),(width,height)及(cols,rows)的关系
- 图像增强(一):randaugment
- 缓存系统在游戏业务中的特异性
- php里面什么是u函数,ThinkPHP内置函数----U方法
- android异步任务框架,详解Android App中的AsyncTask异步任务执行方式
- Win10点击声音图标打不开音量调节的解决方法
- 100行JS代码实现❤坦克大战js小游戏源码 HTML5坦克大战游戏代码(HTML+CSS+JavaScript )...
- 20 杭电计算机考研经验
- 2.4 PRINCE2
- 传奇私服服务器怎么增加npc,传奇添加NPC的方法以及形象代码计算
- 虚拟机安装打印服务器,虚拟机怎么添加打印机
- Excel·VBA单元格内容拆分
- b站谈服务器崩溃后其他站点,B站服务器崩溃后,蒙古上单和陈睿一起上了热搜...
- jQuery官网下载文档的步骤
- Itext5生成Pdf报表
- thingsboard 规则引擎结点功能总结
- java 1f8b0800,常用ASCII/ISO-8859-1/GB2312/GBK/UTF-8等字符编码梳理