React propTypes校验组件参数类型

本文介绍了如何在React组件中使用propTypes设置属性类型和必填规则,以及如何设置默认值。重点讲解了如何通过propTypes确保组件参数的正确性,并通过defaultProps提供默认值,以实现组件状态与UI的联动更新。
摘要由CSDN通过智能技术生成

1.propsTypes 的使用

(1)设置属性和属性值来约束组件参数的类型。
(2)设置组件参数为必须传入isRequired

import PropTypes from 'prop-types'

TodoItems.propTypes = {
    test :PropTypes.string.isRequired,
    content : PropTypes.string,
    deleteItem : PropTypes.func,
    index: PropTypes.number
}

2.propsTypes设置默认值

TodoItems.defaultProps = {
    test : 'hello world',

}

3.render函数

state/props数据改变,render函数会被执行,所以数据变页面会跟着变。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Lux Lin

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值