- 博客(4)
- 收藏
- 关注
RSS订阅原创 react组件数据传递方式总结
组件数据传递方式：1. props通过props进行数据传递，中间组件过渡props缺点：props需要层层传递，难以管理维护2.context可实现跨级组件数据传递，不需要中间组件进行数据传递。context 相当于一个全局变量，是一个大容器，我们可以把要通信的内容放在这个容器中，这样一来，不管嵌套有多深，都可以随意取用。需要满足以下条件：1、父组件要声明自己支持 context，提供 context 中属性的 PropTypes2、父组件需提供一个 getChildContext
2020-05-27 11:24:40
501
原创 React之 render props
定义：在调用组件时，引入一个函数类型的 prop，这个 prop定义了组件的渲染方式。典型应用：react-router<Route path={url} render={(props) => { return <MyComponent {...this.props} /> }}/>1、定义class RenderComponent extends React.Component { constructor (pro
2020-05-12 17:08:13
154
原创 React高阶组件
定义：高阶组件是参数为组件，返回值为新组件的函数。注意：高阶组件是一个函数（而不是组件），它接受一个组件作为参数，返回一个新的组件。这个新的组件会使用你传给它的组件作为子组件。为什么要用高阶组件？可操纵被包裹组件WrappedComponent的props提取state，即提取公用数据通过ref访问组件的实例用其他元素包裹组件1、高阶组件实现const highComponentFun = (WrappedComponent, data) => { return class
2020-05-12 16:06:14
118
原创 js算法排序
1、冒泡排序：const mySort = function (arr) {let tmpItem = nullfor (let i = 0; i < arr.length - 1; i++) {for (let j = 0; j < arr.length - 1 - i; j++) {if (arr[j] > arr[j + 1]) {tmpItem = arr[j...
2020-04-22 17:36:49
96
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人