React
厚积而薄发1528
纵化大浪中,不喜亦不惧。应尽便须尽,无复疑多虑。
展开
-
umi引用第三方插件库(使用百度地图为例)
umi框架是一个插件化的企业级前端应用框架,是很多react开发者的首选,以下记录在使用该框架中碰到的问题。、在使用中需要引入第三方插件,使用过dva框架的同学肯定第一时间想到了index.html的heade中引用,但是在umi中好像暴露这个文件,所以详读了下api,找打了解决方法。umi几乎所有的配置项都在.umirc.js(ts为.umirc.ts)文件中,添加第三方插件也不例外,这里使用的是umi的plugins属性(https://umijs.org/zh-CN/config)然后原创 2020-11-03 11:33:48 · 5188 阅读 · 8 评论 -
dva框架二级路由刷新出现空白页
在用dva框架开发项目中,发现当出现二级路由时,重新刷新页面会出现空白页面;并且控制台会报错;Uncaught SyntaxError: Unexpected token <出现这种情况的原因是在你的index.html文件中,引用index.js文件使用的相对路径,当出现二级路由时,假如说是localhost:800/first/second;那么你的引用如果是相对路径,浏览器会去...原创 2019-12-19 14:11:11 · 1253 阅读 · 0 评论 -
antd select得defaultvalue属性不起作用
react项目中会碰到使用antd的表单验证中使用select的defaultvalue属性不起作用,这是因为form中经过getFieldDecorator包装的控件后不能用控件的value、defaultValue等属性来设置表单域的值,默认值可以用getFieldDecorator里的initialValueeg:<Form.Item ...原创 2019-10-15 14:42:58 · 7181 阅读 · 0 评论 -
react antd自定义表单验证
在使用antd开发web端时经常用到表单校验,但有时antd提供的校验规则不能满足我们的需求,这是就用到了,antd中form的自定义检验方式进行我们的校验:eg:<Form.Item key="code" label="动作代码" {...MODAL_FORM_ITEM_LAYOUT} ...原创 2019-10-14 13:46:55 · 1152 阅读 · 0 评论 -
echarts图表全屏显示设置
react项目中会遇到点击echarts工具栏中的全屏按钮,让图表全屏显示的问题,这里涉及到自定义工具栏按钮问题。话不多说,直接上代码:在echart的工具栏中添加全屏按钮并设置点击事件。即toolbox添加自定义图标全屏按钮事件。示例图:// html中存放图表id<div class="container"> <div id="userTi...原创 2019-07-16 18:46:44 · 18172 阅读 · 16 评论 -
select中的option选项过长隐藏被
在antd的select组件开发中遇到一个问题,就是如果option内容过长他们会被...替代,这时就会看不到完成内容,下面是问题和解决方法截图以及代码,当鼠标停留在option上时显示完整信息:ps:这里用到了html的title属性:代码,这里很简单,只需给option添加一个title属性来显示对应的option就好<Select placeholder...原创 2019-08-07 10:58:01 · 5379 阅读 · 4 评论 -
antd组件限定时间选择器日期范围
react的antd组件时间选择器限定日期范围为指定范围react项目中碰到一个需求,要求antd的日期选择器组件可选择范围为:只能选择开始时间的后60天 即开始时间在结束日期前60天,结束日期在开始日期后60天,以下是截图和核心代码:主要利用日期组件的disabledDate属性开始日期相同逻辑:不能早于结束日期前60天,不能晚于结束日期;不再截图下面是react代码...原创 2019-08-15 19:48:40 · 15210 阅读 · 1 评论 -
react项目通过iframe方式引入html页面
项目中会碰到在react项目中引入html静态页面的需求,以下是解决方法:主要实现:通过<iframe>方式引入,以下是核心代码部分:import data from './data.html'; // 引入需要引用的html文件class Data extends Component { render() { return ( <ifra...原创 2019-09-09 17:13:50 · 27245 阅读 · 17 评论