,只要组件内部要使用prop值,那么这个props参数是要必传的,否则的话在当前组件内就无法使用this.props接收外部组件传来的值
但是无论有没有constructor函数,render函数,子组件内都可以使用...错误的信息是:提供给PropTest的类型是string的proppropContent,但期望的是number
具体的解决办法就是:要么更改传入属性值的prop类型,要么把校验类型进行更改与之对应的...有时候,对于外部传入组件内部的prop值,无论有没有传入,为了程序的健壮性,,需要判断prop值是否存在,我们往往需要设置一个初始默认值,如果不存在,就给一个默认初始值,当然你利用传入的prop进行“|...|”或字符进行处理也是可以的
在React中,可以配置defaultProps进行默认prop值的设置,代码如下所示
具体写法:
组件.defaultProps = {
prop属性名称: 默认值
}...如上代码,当外部组件没有传propContent值时,React通过defaultProps设置了一个初始默认值
它会显示默认设置的初始值,如果外部组件传了prop值,它会优先使用传入的prop值,覆盖默认设置的初始值