React prop和state

5 篇文章 0 订阅
4 篇文章 0 订阅

React中组织数据的形式有两种,分别是prop和state。

prop

prop是组件对外的接口,即是外部传递给组件的数据。(这里的外部不仅是指我们直接输入的数据,也可以父组件给子组件传递的数据)

把数据从子组件传递给父组件实际上可以调用函数,即把父组件的方法传给子组件,然后通过子组件的事件调用父组件的方法来改变父组件的值

prop的类型可以是任意的一种JS支持的数据类型。(包括函数)

构造函数中super(props)的作用是使类实例的成员函数可以通过this.props访问到父组件传递过来的props值。

propTypes检查

可以规定

1.组件支持prop的类型

2.prop是否必须传入

不过propTypes检查只是一个辅助开发的功能,而不能改变组件的行为(即propTypes检查在出错的情况下,组件依然可以正常工作。)

state

state则是组件的内部状态。

因为React组件不能修改传入的prop,所以需要state记录自身数据的变化。

defaultProps可以作为组件状态的初始值。

修改state时需要使用this.setstate方法,而不是this.state,因为后者状态虽然发生了变化,却不会驱动组件重新渲染。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值