扬帆前行

问题：react + antd 可编辑表格bug修改 当表格数据多行时 点击修改一行的时间 同列其他行的时间显示视觉上也发生了变化 在断点中显示其他的models里面的数据并没有全部发生改变 而只是页面显示上出现了错误排查原因思路：首先排查代码中时间组件的change方法中获取到的时间用来修改models中的数据，是否将表格全部的数据都进行了替换，在render中输出也发现models的数据是正确的 从而确定只是由于代码的某个地方出错 导致时间组件在页面显示的时候出错，至此想到是两个时间组件的

React+antd问题：页面当中通过this.setState 修改state数据之后页面没发生重新渲染1、首先排查数据是否进行了修改 在render中打印state的数据 发现数据已经发生了变化2、render 中jsx 判断语法是否进行了限制渲染3、最后排查到jsx中的遍历使用的是forEach 因为forEach本身遍历只注重过程，遍历完成之后并不会改变原数据，改用map进行遍历之后发现 页面重新进行了渲染...

1、vscode 对于react jsx语法报错选择右下角JavaScript 输入JavaScript React进行切换2、vscode中react 语法对修饰器的实验支持是一项将在将来版本中更改的功能。设置 “experimentalDecorators” 选项以删除此警告。搜索experimentalDecorators,设置"javascript.implicitProjectConfig.experimentalDecorators": true，该选项默认为false，需要改为tr

简单的 todo-list-demo讲 React 性能优化不能光靠嘴说，得有一个 demo 作为依托，做一个简单的 todolist demo，根据源代码来讲解。顺便体验一下 React 最简单的用法。性能检测安装 react 性能检测工具 npm i react-addons-perf --save，然后在./app/index.jsx中// 性能测试import Perf from...

React 基础知识介绍本章节会介绍一些 React 的基础知识和基本用法。已经入门 React 基础的同学，可以简单看看这篇文档并略过视频内容。React 零基础的同学还建议去慕课网学习React入门基础。另外，本教程的代码将全部使用 es6 语法，教程中我会介绍一些用到的 es6 语法，但是不会从头讲解了，推荐阅读es6入门hello world以下是一个最简单的demo，将一个最简单...

搭建 webpack + React 开发环境 笔记记录 方便后续查阅初始化 npm 环境首先保证有 node 和 npm 环境，运行node -v和npm -v查看进入项目目录，运行npm init按照步骤填写最终生成package.json文件，所有使用 npm 做依赖管理的项目，根目录下都会有一个这个文件，该文件描述了项目的基本信息以及一些第三方依赖项（插件）。详细的使用说明可...