React
文章平均质量分 71
React是用于构建用户界面的JavaScript库,起源于Facebook的内部项目,该公司对市场上所有 JavaScript MVC框架都不满意,决定自行开发一套,用于架设Instagram的网站。于2013年5月开源。
云飞扬扬
`半路出家码农一枚,管理&产品&前端,佛系记录`
展开
-
VS Code React快速代码插件ES7+ React/Redux/React-Native snippets
ES7+ React/Redux/React-Native snippets - Visual Studio Marketplace Extension for Visual Studio Code - Extensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier.https://marketplace.visualstudio.原创 2022-01-20 10:34:39 · 4677 阅读 · 0 评论 -
antd tree expandedKeys不生效坑记录
官方要求string[],注意treeData里的key类型。我的treeData是接口获取的,在useState赋值后,设置expandedKeys的值未生效。原因是useState是异常赋值,加了一个setTimeout延迟设置expandedKeys。setTimeout(() => { expandAllKeys(treeJsonData)}, 200) 另外,Tree组年默认展开要写上<Tree expandedKeys={expa..原创 2022-01-19 18:19:07 · 5027 阅读 · 0 评论 -
函数式组件与类组件区别-心智模型
与React类组件相比,React函数式组件究竟有何不同?区别:心智模型不同,函数式组件捕获了渲染所用的值。函数式组件与类组件有何不同? — Overreacted他们是完全不同的宝可梦哦。https://overreacted.io/zh-hans/how-are-function-components-different-from-classes/它渲染了一个利用setTimeout来模拟网络请求,然后显示一个确认警告的按钮。例如,如果props.user是Dan,它会在三秒后显示Follo原创 2022-01-19 18:14:05 · 464 阅读 · 0 评论 -
React Fragment<></>
Fragments – Reacthttps://zh-hans.reactjs.org/docs/fragments.html#gatsby-focus-wrapperFragments – Reacthttps://zh-hans.reactjs.org/docs/fragments.html#short-syntax原创 2022-01-18 16:55:32 · 219 阅读 · 0 评论 -
Vue 转 React不完全指北
Vue 转 React不完全指北老东家 Vue,加实习写了两年半~,期间只是简单学过 React,没怎么写过。新东家用 React + Typescript,用了一个半月,写了写Demo 在线预览。这里简单总结下和vue的区别,如果你也是在Vue转React阶段,欢迎加V交流扫码加V有不同见解,欢迎评论区指教????一、横向对比1、Vue 官方对比Vue 官方对比 React2、个人的理解一般 H5 的,或者一些做不大的系统,首选 Vue。因为 Vue 简单,开发效率比较转载 2021-07-29 11:00:41 · 2100 阅读 · 3 评论 -
umijs开启dva-immer
我们在用dva或者用react-redux的时候,在用到reducer的时候是这样写的:dva中:state: { name:[], count:0},reducers: { add(state){ return{ ...state, count:state.count+1 } }, changeName(state,{ payload }){ return转载 2021-11-25 16:53:11 · 1466 阅读 · 0 评论 -
toyReact
从0开始构建一个玩具reactreact基本组件原理 学习vdom的实现思路 突破编写自我的难点代码创建webpack首先我们创建package.jsonnpm init接下来我们创建webpacknpm install webpack --save-dev创建好后新建webpack.config.js添加entry 开发者模式 以及不压缩代码module.exports = { entry: './main.js', mode: 'develo原创 2021-08-25 13:39:27 · 164 阅读 · 0 评论