web前端全系列 教程
1839个小节阅读:2243k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
参数组件(被包装组件)除了接收需要从高阶组件返回的新组件(容器组件)获得的数据之外,还需要接收来自容器组件的所有 props
xxxxxxxxxx
//UserView1.js
import React, { Component } from 'react'
import withUserData from './components/withUserData'
class UserView1 extends Component {
render() {
return (
<div>
<h3>我是第一个使用用户信息的界面</h3>
用户:{this.props.userInfo}
</div>
)
}
}
export default withUserData(UserView1)
xxxxxxxxxx
<UserView1 username='itbaizhan'/>
xxxxxxxxxx
//withUserData.js
render() {
// ...this.props 传递给当前组件的属性继续向下传递
return <WrappedComponent userInfo={this.state.userInfo} {...this.props} />
}