1.父子通信父->子props子->父回调函数，父组件通过props向子组件传递一个函数，子组件调用函数，父组件在回调函数中用setState改变自身状态2.跨层级通信1.层层传递props2.使用Reactcontext3.使用共同父组件，修改其状态，来两边通信4.使用Eventbus，就是一个全局的发布...

getDefaultProps不是获取默认props，而是设置默认props，主要用在ES5的React写法中getInitialState不是获取默认State，而是设置初始的state，主要是用在ES5的React写法中下面是ES5和ES6的写法对比//ES5写法varVideo=React.createClass...

React的生命周期总共8个钩子，三个will，两个Did，一个RecciveProps，一个ShouldUpdate，一个render。分为三个阶段，分别是装载Mounting更新Updating卸载Unmounting1.钩子说明1.componentWillReceivePropsmounted的组件接收新的pr...

React的context就是一个全局变量，可以从根组件跨级别在React的组件中传递。Reactcontext的API有两个版本，React16.x之前的是老版本的context，之后的是新版本的context。1.老版本的contextgetChildContext根组件中声明，一个函数，返回一个对象，就是cont...

redux仅仅是一个状态管理的库，不能直接用于react，react-redux是redux作者封装的用于连接redux和react的库。react-redux基本概念1.UI组件1.只负责UI显示的组件，不包含业务逻辑2.没有状态3.所有数据都由(props)提供4.不使用任何Redux的API2.容器组件1.只负责...

render的returnreturn前要留一空行return的括号要分别各占一行，不能与html同行return中的html必须要有顶层容器包裹return中的循环不能用for，改用map方法 jsx写法jsx所有标签要闭合jsx关键词写法class->classNamefor->htmlFor...

react开发的基本是思想就是组件化每个组件都是独立的，那么他们之间就会要用到props进行传值通信 ...

react和vue不太一样vue直接通过修改data里面的值就可以改变视图view但是react是通过  this.setState这个方法来改变状态（也就是值）//类定义一个组件,绑定一个点击事件改变值classClickextendsReact.Component{constructor(pro...

1.父组件代码importReact,{useState}from'react';importChildfrom'./child.js'importCountContextfrom'./createContext'functionExample(){const[count,setCount]=useState(0)re...

服务端渲染（SSR:ServerSideRendering）在React项目中有着广泛的应用场景基于React虚拟DOM的特性，在浏览器端和服务端我们可以实现同构（可以使用同一份代码来实现多端的功能）服务端渲染的优点主要由三点1.利于SEO2.提高首屏渲染速度3.同构直出，使用同一份（JS）代码实现，便于开发和维护&n...

本文的目的很简单，介绍Redux相关概念用法及其在React项目中的基本使用 假设你会一些ES6、会一些React、有看过Redux相关的文章，这篇入门小文应该能帮助你理一下相关的知识一般来说，推荐使用 ES6+React+Webpack 的开发模式，但Webpack需要配置一些东西，你可...

React是个技术栈，单单使用React很难构建复杂的Web应用程序，很多情况下我们需要引入其他相关的技术ReactRouter是React的路由库，保持相关页面部件与URL间的同步 下面就来简单介绍其基础使用，更全面的可参考 指南 1.它看起来像是这样在页面文件中在外部脚本文件中&nbs...

园子都荒废两个月了，实在是懒呀..近段时间用React开发了几个页面，在使用过程中着实碰到了一些问题，估计刚开始学习的伙伴们都会遇到各种各样的坑总结记录一下，只看文档是碰不上问题的，内容基础也不基础，高手还请绕道哈哈哈   文章略长，整个目录吧，想看哪儿看哪儿  　基本...

基于React技术栈构建开发前端项目，并使用ReactNative开发特赞移动APP目前正在使用Node.js开发和维护特赞服务网关，希望Node.js能够在更轻量级的微服务架构中发挥重要作用课程介绍：ReactNative在特赞的应用与实践课程摘要：APP开发技术的选型ReactNative开发过程中的主要问题异常监...

 10个打造React.jsApp的最佳UI框架在本文中，我们将分享一些助你打造React.jsApp最佳的UI框架。它们具备你所需要的基本React组件，以及易用的API，同时，在外观和体验上也非常棒。HaveFun！基于谷歌MaterialDesign设计规范的React组件此外，它还是React的第一个...