React-类中构造器和props的关系

ps: 用于记录学习,持续更新

React类中构造器和props的关系

  1. 首先在类中, constructor构造器是可以不写的, 也不会对这个类产生别的影响
    如果传了props, 并且super中也接收了props, 在这里打印 this.props, 会打印出props的属性值
    如果构造器中没有传props, super中也没有接收props, 那打印的this.props 会是undefined

    如果一个传了 一个没接, 那也是undefined

总结: 构造器是否接收props, 是否传递给super, 取决于: 是否希望在构造器中通过this 访问props

class People extends React.Component {
	constructor (props) {
		super(props)
		console.log(this.props) // 会显示值
		// 注意这里: 如果传了props, 并且super中也接收了props, 在这里打印 this.props, 会打印出props的属性值
		// 如果构造器中没有传props, super中也没有接收props, 那么打印的this.props 会是undefined
		// 如果一个传了 一个没接, 那也是undefined
	}
	state: {}
	demo = () => {}
	render() {
		return
	}
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值