随笔分类 -  react源码解析

摘要：一，React.Children是什么？ 是为了处理this.props.children(this.props.children表示所有组件的子节点)这个属性提供的工具，是顶层的api之一 React.children的用处：https://www.cnblogs.com/sunxiaopei/p 阅读全文

摘要：一.产生context原因 从父组件直接传值到孙子组件，而不必一层一层的通过props进行传值，相比较以前的那种传值更加的方便、简介。 二.context的实现方式 新版本(React16.x后) //创建两个组件 Provider,Consumer //let {Provider,Consumer 阅读全文

摘要：1.refs三种使用用法 ref 获取组件或是dom节点实例 一般对于函数 不能获取函数的实例 如果需要获取函数的ref 则React.forwardRef方法 1.字符串 1.1 dom节点上使用 获取真实的dom节点 //使用步骤： 1. <input ref="stringRef" /> 2. 阅读全文

摘要：1.什么是Component，PureComponent？ 都是class方式定义的基类,两者没有什么大的区别,只是PureComponent内部使用shouldComponentUpdate(nextProps,nextState)方法，通过浅比较（比较一层），来判断是否需要重新render()函 阅读全文

摘要：一.什么是jsx jsx是语法糖 它是js和html的组合使用 为什么用jsx语法？ 高效定义模版，通过babel编译后使用 不会带来性能问题 二.jsx语法转化为js语法 jsx语法通过babel转化为js语法 内部调用了React.createElement()方法 html标签 自定义组件 R 阅读全文