dong123ohyes的专栏

目录1、父组件传值子组件2、子组件传值父组件3、兄弟组件传值总结1、父组件传值子组件在引用子组件的时候传递，相当于一个属性，例如：在子组件内通过porps.param获取到这个param的值。父组件向子组件传值，通过props，将父组件的state传递给了子组件。父组件代码片段：constructor(props){ super(props) this.state={ message:"i am from parent" } }

一、直接下载编译好的release包1.访问releaseshttps://github.com/facebook/react-devtools/releases2.可选择chrome或firefox的扩展程序包chrome-extension.zipfirefox-extension.zip3.解压后，在浏览器中导入扩展程序即可...

目录1.不带花括号{}，引用js文件中默认导出（export default）的模块2.带花括号{}，引用js文件中export导出的同名模块3.总结在使用import语法引用模块时，如何正确使用{}例如：有两个文件，home.js、user.js当需要在home.js中引入user.js的时候1.不带花括号{}，引用js文件中默认导出（export default）的模块import模块时的可随意命名。//home.jsimport user from './u

步骤：1.新建文件夹toy-react，打开VSCode 运行和调试，创建launch.json运行环境，选chrome；2.终端命令行npm init，一路回车；3.npm install webpack webpack-cli --save-dev 安装webpack并加到package.json中的devDependencies中；4.npx webpack执行打包；5.创建webpack.config.js，使用module.exports标准写法加入entry；设置入口为mai

一、安装node.js到http://nodejs.cn/download/下载安装最新版本的node.js。默认安装即可。（npm是node的模块管理工具，由node附带安装）安装完成后，使用node -v检查nodejs是否安装成功：二、安装淘宝镜像的包命令行管理工具cnpm1.看一下npm仓库地址：npm get registry得到 https://registry.npmjs.org/2.替换地址npm config set registry http:/

目录一、package-lock.json的作用二、package.json中库的版本号详解1.版本号中的major version、minor verision和patch version2.package.json中库的版本号的几种写法（^和~的区别）一、package-lock.json的作用package-lock.json的作用用一句话简单概括，就是锁定安装时的包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致。举例说明1

1.storestore的结构图store其实是一个虚拟概念，由dispatcher reducer state构成。dispatcher是一个函数，用于广播action，将action传给所有的reducer。reducer处理它，然后对state进行更新。 reducer是一个函数，用于通过action对state进行更新。 state是一个对象，对数据进行储存。通常我们通过 const store = createStore(reducer);来创建一个store，它有一.

Redux名字的含义是Reducer+Flux。1.Redux三个基本原则Flux的基本原则是“单向数据流”, Redux在此基础上强调三个基本原则：唯一数据源（Single Source of Truth）。唯一数据源指的是应用的状态数据应该只存储在唯一的一个Store上。 保持状态只读（State is read-only）。保持状态只读，就是说不能去直接修改状态，要修改Store的状态，必须要通过派发一个action对象完成，这一点，和Flux的要求并没有什么区别。 数据改变只能通过

1.MVC框架及缺点MVC最大的问题就是无法禁绝View和Model之间的直接对话。2.Flux单向数据流对应于MVC中View就是Flux中的View，对应于MVC中的Model的就是Flux中的Store。在Flux中，Store只有get方法，没有set方法。View只能通过get方法获取Store的状态，无法直接去修改状态，如果View想要修改Store状态的话，只有派发一个action对象给Dispatcher。3.Flux的缺点Store之间依赖关系 难以进行

目录1.虚拟DOM2.JSX3.组件3.1自定义的 React 类名以大写字母开头3.2组件封装3.3组件的数据3.4组件的生命周期3.4.1装载过程3.4.2更新过程1.虚拟DOMReact通过重复渲染来实现动态更新效果，但是借助Virtual DOM技术，实际上这个过程并不涉及太多的DOM操作，所以渲染效率很高。渲染React组件时，会对比这一次产生的Virtual DOM和上一次渲染的Virtual DOM，修改真正的DOM树时只需要触及差别中的部分就行