摘要:
var a = (x,y,z)=>{ } console.log(a.length) // 3 //legnth:返回函数形参的个数,不包括rest参数的和赋值的形参 let f = (a,b,c,d,g,f=10,...e) => console.log(f.length);//5 f() 阅读全文
摘要:
原生js实现检测对象变化。 通过把属性转换为访问器属性,实现监听。 对象属性的更改通过设置 get, set。 数组类型元素的更改通过在prototype重载操作数据的方法:slice、push、shift…… const OP = Object.prototype; const types = { 阅读全文
摘要:
Context Context 提供了一个无需为每层组件手动添加 props,就能在组件树间进行数据传递的方法。 在一个典型的 React 应用中,数据是通过 props 属性自上而下(由父及子)进行传递的,但此种用法对于某些类型的属性而言是极其繁琐的(例如:地区偏好,UI 主题),这些属性是应用程 阅读全文
摘要:
在高阶组件中转发 refs function logProps(WrappedComponent) { class LogProps extends React.Component { componentDidUpdate(prevProps) { console.log('old props:', 阅读全文
摘要:
Refs 与函数组件 默认情况下,你不能在函数组件上使用 ref 属性,因为它们没有实例: function MyFunctionComponent() { return <input />; } class Parent extends React.Component { constructor( 阅读全文
摘要:
https://zh-hans.reactjs.org/docs/lifting-state-up.html 这样 多个子组件的值可以联动变化。 关键点: class ParentComponent extends React.Componnet{// ………… changeMyValue=(par 阅读全文
摘要:
https://zh-hans.reactjs.org/docs/render-props.html 术语 “render prop” 是指一种在 React 组件之间使用一个值为函数的 prop 共享代码的简单技术 具有 render prop 的组件接受一个返回 React 元素的函数,并在组件 阅读全文