React
辰辰沉沉大辰沉
某厂前端 xuelq007.com
展开
-
React中setState真的是异步的吗
源文章地址:React中setState真的是异步的吗 在学习react的过程中几乎所有学习材料都会反复强调一点setState是异步的,来看一下react官网对于setState的说明。 将setState()认为是一次请求而不是一次立即执行更新组件的命令。为了更为可观的性能,React可能会推迟它,稍后会一次性更新这些组件。React不会保证在setState之后,能够立刻拿到改变...转载 2018-05-01 20:57:20 · 3726 阅读 · 0 评论 -
从Antd 源码到自我实现之 Menu 导航菜单
Antd Menu 简述Menu 为页面和功能提供导航的菜单列表。导航菜单是一个网站的灵魂,用户依赖导航在各个页面中进行跳转。一般分为顶部导航和侧边导航,顶部导航提供全局性的类目和功能,侧边导航提供多级结构来收纳和排列网站架构。核心功能点提取...原创 2019-05-24 09:36:11 · 6302 阅读 · 3 评论 -
React 实现 Modal 思路简述
Modal 简述模态对话框。需要用户处理事务,又不希望跳转页面以致打断工作流程时,可以使用 Modal 在当前页面正中打开一个浮层,承载相应的操作。另外当需要一个简洁的确认框询问用户时,可以使用 Modal.confirm() 等语法糖方法。Modal 是组件库中开发的第一个组件, 做这个组件时的想法是先自实现后再和 Antd 做个对比,看看与大神的差距。核心功能点提取根据 Antd M...原创 2019-05-14 09:13:03 · 3630 阅读 · 0 评论 -
从系统报错角度看 React 组件的的受控与非受控
defaultValue 只在初始加载的时候起作用,只有,defaultValue将不会更新,因为它的用法是设置初始默认值,如果有需要更新可以使用 valueThat’s not how defaultValue works. If you use defaultValue, that means “I only want to set it programmatically once, an...原创 2019-04-17 09:24:28 · 2606 阅读 · 0 评论 -
从Antd 源码到自我实现之 Form表单
前言Antd 中的组件大部分基于蚂蚁金服的组件库 react-component。antd 与 react-component 都是开源项目,阅读其源码可以给我们带来很多收益,比如:了解各式各样的组件背后的实现思想怎样去实现一个对开发和用户都友好的组件,即简单易用,便于扩展。学习一些我们在写业务代码时不太会用到的 React 高级用法但是阅读过 Antd 源码就会发现,代码量巨大而且...原创 2019-04-20 22:48:36 · 4133 阅读 · 0 评论 -
你其实不必为React表单受控还是非受控而纠结
这两天在浏览 React 官方文档关于非受控组件部分时,官方推荐了一篇文章: Controlled and uncontrolled form inputs in React don’t have to be complicated。写的简洁清晰,所以想着翻译过来,希望能为纠结的朋友们提供一点参考你也许读过很多文章中说: "我们应该避免使用 setState ",但是几乎又有同样数量的文章...翻译 2019-04-16 17:06:55 · 1623 阅读 · 0 评论 -
30分钟精通React新特性--React Hooks
你还在为该使用无状态组件(Function)还是有状态组件(Class)而烦恼吗?——拥有了hooks,你再也不需要写Class了,你的所有组件都将是Function。你还在为搞不清使用哪个生命周期钩子函数而日夜难眠吗?——拥有了Hooks,生命周期钩子函数可以先丢一边了。你在还在为组件中的this指向而晕头转向吗?——既然Class都丢掉了,哪里还有this?你的人生第一次不再需要面对...转载 2018-11-21 20:26:45 · 2850 阅读 · 0 评论 -
React v15到v16.3, v16.4新生命周期总结以及使用场景
15 to 16 removed 生命周期why remove: async rendering in React 16what is async rendering (原理, 例子: new lifecycle vs old lifecycle)16.3 to 16.4 changed 生命周期 http://projects.wojtekmaj.pl/react-lifecycl...原创 2018-07-25 09:51:01 · 10280 阅读 · 0 评论 -
React16和Antd如何在IE9环境下忍辱偷生
项目使用React 16,但是要求兼容IE9,所以最近两周一直在搞IE9的兼容性问题。上一篇文章中遇到的Webpack4在IE9中的打包问题现在回头看看,只是开了一个“好“头。...原创 2018-05-24 09:53:45 · 16334 阅读 · 0 评论 -
如何在 React Component 之外获取 Redux Store
原文链接: Access the Redux Store Outside a React Component你有过在 React 组件之外用到 Redux store 的需求吗 ?问题有点奇怪甚至在某种程度上带一点反讽,store 是一个全局的数据,有时我却没有合适的方法去获取它!在组件中调用 connect 方法获取 store 是 react-redux 的标准用法,但是在组件之外的...翻译 2019-10-08 09:18:53 · 6494 阅读 · 0 评论