react
文章平均质量分 59
爱全栈的工程师
路漫漫其修远兮,吾将上下而求索。
展开
-
redux源码阅读总结(二)- bindActionCreators.js详细解析
// 方法1 参数1是函数bindActionCreators(doSomething, store.dispatch);// 方法2 参数1是objectbindActionCreators({ doSomething }, store.dispatch);// 方法3 参数1是objectbindActionCreators({ key: doSomething }, store.dispatch);原创 2023-08-03 01:45:11 · 181 阅读 · 0 评论 -
redux源码阅读总结(一)- createStore.js详细解析与思考
1. gitState拿到的是什么?能否直接修改state?2. 为什么用到了两个listener数组?3. 为什么ensureCanMutateNextListeners函数中需要先进行nextListeners === currentListeners判断,然后才赋值nextListeners = currentListeners.slice()?4. 为什么dispatch触发reducer时不允许getState(),不允许subscribe(listener),不允许unsubscribe(原创 2023-07-21 18:03:33 · 256 阅读 · 0 评论 -
react页面渲染中key如何影响性能?
给组件赋key值可以提高react性能。key会将react组件和数组一一对应起来,在数组进行排序、插入、删除时,会根据key值找到并修改dom树上对应的组件,如果没有key或者key动态生成,则会将组件从dom树上移除,再重新创建组件,性能会更低。原创 2023-07-21 14:47:05 · 419 阅读 · 0 评论 -
解决react使用<img>时图像不显示问题,内附代码和解释
在react项目开发时,遇到了使用标签时图像不显示的问题,具体表现如下图所示。为父元素div添加宽和高,或者为img元素添加宽和高都不能解决问题。最终发现问题源自项目结构。本项目是使用create-react-app创建的,其中存在public文件目录,index.html文件入口就在该目录中,因此当把图片等静态文件放到此目录中时,可以采用上面所写的代码直接读取到对应的文件。原创 2023-07-18 13:12:40 · 1953 阅读 · 2 评论