前言 最典型的一个react项目就是react-router+redux（可能再加上redux-thunk或saga），在hooks出来之后，redux也同步跟进加了很多hooks，但已经可以完全抛弃redux，仅仅使用useReducer等hooks来管理数据流了（大型、复杂项目的话，目前还是推荐 ...
分类：
其他好文 时间：
2020-07-06 12:31:01
阅读次数：
156
import { DndProvider } from 'react-dnd'; import { HTML5Backend } from 'react-dnd-html5-backend'; <DndProvider backend={HTML5Backend}> <Table columns={ ...
分类：
编程语言 时间：
2020-07-06 11:21:44
阅读次数：
108
将代码放在index.js 中 AppRegistry.registerComponent('App', () => App)之前 //关闭其中某些yellow警告 console.ignoredYellowBox = ['Warning: BackAndroid is deprecated. Pl ...
分类：
其他好文 时间：
2020-07-05 19:30:50
阅读次数：
85
目录 序言 React 的核心思想 传统 diff 算法 React diff 两个假设 三个策略 diff 具体优化 tree diff component diff element diff 小结 参考 1.序言 此篇文章所讨论的是 React 16 以前的 Diff 算法。而 React 16 ...
分类：
编程语言 时间：
2020-07-05 19:18:01
阅读次数：
102
问题描述 当我新克隆一个react项目，然后安装好依赖包后，启动服务，发现浏览器控制台报如下warning： VM25 common.bundle.js:36926 Warning: componentWillMount has been renamed, and is not recommende ...
分类：
其他好文 时间：
2020-07-05 00:37:34
阅读次数：
152
1.react或者vue 数据驱动视图 状态：数据结构设计 视图：组件结构设计 2.react设计todlist state数据结构设计 用数据描述所有内容 数据要结构化，易于程序操作（遍历，查找） 数据要可扩展，以便增加新功能 3.组件设计 从功能上拆分层次 尽量让组件原子化 容器组件（只管数据） ...
分类：
其他好文 时间：
2020-07-04 22:21:49
阅读次数：
78
一、使用setState现象 1.不可变值 class StateDemo extends React.Component { constructor(props) { super(props) this.state = { count: 0 } } render() { return <div> ...
分类：
其他好文 时间：
2020-07-04 20:55:55
阅读次数：
77
1.JSX的使用 class JSXBaseDemo extends React.Component { constructor(props) { super(props) this.state = { name: 'xiaoming', imgUrl: 'https://img1.mukewang ...
分类：
Web程序 时间：
2020-07-04 20:48:13
阅读次数：
84
1.react父子组件之间通过props传递数据，通过callback回调子组件向父组件通信， 我们看下面的伪代码： class TodoListDemo extends React.Component { constructor(props) { super(props) // 状态（数据）提升 ...
分类：
其他好文 时间：
2020-07-04 20:45:48
阅读次数：
67
1. DOM操作非常耗费性能 以前用jquery,可以自行控制DOM操作的时机，手动调整 Vue和React是数据驱动视图，如何有效控制DOM操作? 2. 有了一定复杂度，想减少计算次数比较难 能不能把计算，更多的转移为js计算？因为js执行速度很快 vdom-->用js模拟DOM结构，计算出最小的 ...
分类：
编程语言 时间：
2020-07-04 20:24:31
阅读次数：
68
