随笔分类 - React
摘要：由上篇文章我们可以知道，我的项目，打包后的 js 是 7M 的，首屏就加载 7M 的文件虽然没什么特别大的缺点，但总不是最优的解决办法 因此我们用到了 react-router4 的 react-loadable ,以路由的方式进行代码分割。 使用方法很简单： 1、首先需要一个 loading 组建
阅读全文
摘要：问题，正常 npm run build 打包后，发现打包后的文件异常大，有 > 20M 的大小 分析， 1、起初以为是代码本身过大的原因导致的，所以一直在想如何进行代码拆分使得文件能尽可能的小，但是查询了很多资料都没找到为什么文件会过大 2、后来认真看了一下一直被我自动忽略的 npm run bui
阅读全文
摘要：一个好用的拖拽、自适应布局 react 插件 基本使用： 如何设置 change 时的背影： 我的某个项目源码：
阅读全文
摘要：语法：setState(newState [,callback]) 1、只要有入门基础的同学都知道 setState({...}) 是更新组件中的 state 内容 2、但是，setState 是异步的，倘若我们设置完就使用新的 state 就可能得不到我们想要的结果，例如： ⚠️从上面的代码段可
阅读全文
摘要：demo链接：github demo 安装： npm install react-color --save 有一下几种类型组件 <AlphaPicker /> <BlockPicker /> <ChromePicker/> <CirclePicker /> <CompactPicker /> <Gi
阅读全文
摘要：1、点击元素，获取绑定该事件的父级元素，使用 e.currentTarget。e.target 获取的是，出发该事件的元素，该元素有可能是所绑定事件的元素的子元素。 2、使用 react router4 history 只能传递给儿子组件，不能传递给孙子组件 如果孙子组件需要，可以通过 props
阅读全文
摘要：react 小白编程 遇到了如下错误 调试了很久没找到到底为啥 后来发现，是因为多次将组件挂在到根节点的原因导致的 使用路由之后，只需要使用 ReactDOM.render()方式将最外层的路由挂在到 root 节点上即可，别的地方不要再挂在到 root 上了。
阅读全文
摘要：react 小白编程 做项目时遇到了个问题，无论我怎么查看我的action、reducer 还是 dispatch 函数，都没有发现有什么毛病。但是 debugger 的时候，state 改变了，页面却没有变。 困扰了我好长时间，后来发现是因为我在使用 reducer 修改 state 的时候，遇到
阅读全文
摘要：react 小白编程 本项目是使用 create-react-app 脚手架构建的react项目 找到 config 配置文件下的 webpack.config.dev.js 和 webpack.config.prod.js 文件 打开后找到 alias 字段（如果没有手动添加 alias ），给该
阅读全文
摘要：一、依赖：$$observable、ActionTypes、isPlainObject 二、接下来看到直接 export default 一个 createStore 函数，下面根据代码以及注释来分析这个函数 1、函数本身 注释大致意思解读： 这个函数用来创建一个保存 state tree (状态树
阅读全文
摘要：react 小白编程 由于使用 create-react-app 脚手架构建项目的时候，会给几个命令用 其中一个命令吸引了我的注意力 yarn eject，因为构建完成后特别提示说“你不会想要用到这个命令的” 诶，我就好奇了，不行我得用用，用了之后，真的是欲哭无泪啊 心中惊起一片.......我去年
阅读全文
摘要：我的有道云笔记 React 事件： 1、不能使用 return false; 来阻止元素的默认行为。需要在方法的最前面使用 e.preventDefault() 来阻止元素的默认行为（例如：a 标签的跳转链接行为）； 2、在 React 中 e 是一个合成事件，无需考虑兼容问题； 3、在 0.14
阅读全文
摘要：react 小白编程 生命周期：一个组件在不同的时期会调用不同时期的函数接口（也就是对应的生命周期函数） react组件的生命周期总共提供了10个API。 装载： 依次执行以下函数： constructor -- 组件被加载前最先调用，只调用一次 1、getDefaultProps --作用于组件类
阅读全文
浙公网安备 33010602011771号