![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
w候人兮猗
https://www.ahwgs.cn
展开
-
react-native 使用 F2实现折线图
前言最近工作入坑了react-native,有实现折线图的需求,使用了阿里的antv/f2可视化库。方案介绍:react-native-webviewantv/f2大概思路:使用webview加载本地html文件,通过injectJavaScript加载js脚本步骤新建f2chart.html,文件较大,文件地址:f2chart.html在ios中, 将此文件与组件放在同...原创 2020-03-12 18:30:12 · 1515 阅读 · 0 评论 -
使用useSelector useDispatch 替代connect
前言随着react hooks越来越火,react-redux也紧随其后发布了7.1(https://react-redux.js.org/api/hooks#using-hooks-in-a-react-redux-app)版本首先是几个APIuseSelector()const result : any = useSelector(selector : Function, equa...原创 2019-12-12 19:31:25 · 11693 阅读 · 2 评论 -
Create Dynamic theme with antd and reactjs
说在前面由于业务需要,在用蚂蚁金服antd组件库时需要设置两种主题色动态切换。在这里踩了一些坑,觉得有必要写一篇水文记录一下。步骤安装webpack插件以进行动态主题化cnpm install antd-theme-webpack-plugin在您的webpack.config.js文件中导入此插件,使用有效的路径参数初始化并在webpack配置对象中添加插件数组。const...原创 2019-04-26 11:31:10 · 532 阅读 · 0 评论 -
Uncaught Error_Reducer may not dispatch actions
前言使用React写需求已经有段时间了,中间大大小小遇到了不少问题,多数自己百度、Googled的话都能勉强应付过去,其中实在有不懂的地方还加了不少的学习交流群向大佬们求教。今天常规使用dva去写需求的时候遇到了个问题百度了好久没有答案,然后自己跟着报错的信息总算是找到了问题的源头。错误下面是报错的截图错误其实已经很明显了Uncaught Error:Reducer may not di...原创 2019-04-26 11:31:38 · 904 阅读 · 0 评论 -
dva 如何异步获取接口数据
说在前面关于redux的框架有很多,这里我用到的是阿里云谦大大的dva(项目地址),这里主要记录下工作中是如何使用dva来异步获取接口数据的。这里是正文第一步、定义modeldva里的model主要是用来开始处理数据和逻辑的。dva 通过 model 的概念把一个领域的模型管理起来,包含同步更新 state 的 reducers,处理异步逻辑的 effects,订阅数据源的 subscr...原创 2019-04-26 11:32:42 · 6167 阅读 · 0 评论 -
antd-design Form,Select联合使用 placeholder 不起作用问题
antd-design Form,Select联合使用 placeholder 不起作用问题起因最近在用antd写表单的时候遇到个问题:Form,Select组件一起使用时,设置Select组件的placeholder属性并没有起作用。如下图:发现Select组件的placeholder属性并没有起作用。排查对照官方文档看了一下官方的代码<Form.Item ...原创 2019-04-26 11:35:38 · 3759 阅读 · 4 评论 -
CSS 16种水平居中垂直居中方法
水平居中若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中.若是块级元素, 该元素设置 margin:0 auto即可.若子元素包含 float:left属性, 为了让子元素水平居中, 则可让父元素宽度设置为fit-content,并且配合margin, 作如下设置:.parent{ width: -moz-fit-content; ...转载 2019-04-28 09:10:18 · 758 阅读 · 0 评论 -
优秀文章收藏(慢慢消化)持续更新~
better-learning整理收藏一些优秀的文章及大佬博客留着慢慢学习原文:https://www.ahwgs.cn/youxiuwenzhangshoucang.htmlgithub:https://github.com/ahwgs/better-learning规范协作规范中文技术文档协作规范(阮一峰)Javascript编程风格凹凸实验室前端代码规范vuejs风格指...原创 2019-05-15 11:11:41 · 582 阅读 · 0 评论 -
为什么我的样式不起作用?
关于今天被人问了一个关于react中的样式问题,一瞬间脑袋没反应上来好像还回答错了,有点尴尬水一篇文章记录一下。问题描述:在一个react父子组件demo中,实际效果与书写的样式不太一样。问题复现直接上代码描述问题:Parent.jsimport React from 'react';import Child from './Child'import './Parent.l...原创 2019-09-04 00:44:33 · 660 阅读 · 0 评论