下载prop-types
npm install --save prop-types
设置proptype
import React,
{ Component
} from
'react';
//
import './Person.css';
import classes from
'./person.module.css';
import withClass from
'../../../hoc/WithClass';
import Aux from
'../../../hoc/Auxiliary';
import PropTypes,
{ number
} from
'prop-types';
class Person extends Component
{
render
(){
console.log
('person redering')
return
(
//
<div className
="Person" style
={style
}>
//
<div className
={classes.Person
}>
<React.Fragment
>
<p
>I Am a person
!</p
>
<p onClick
= {this.props.click
}>{this.props.name
}</p
>
<p
>i'm
{this.props.age
}</p
>
<p
>{this.props.children
}</p
>
<input type
="text" onChange
={this.props.changed
} value
={this.props.name
}/
>
</React.Fragment
>
//
</div
>
)
}
};
Person.propTypes
={
click: PropTypes.func,
age:PropTypes.number,
name:PropTypes.string,
changed:PropTypes.func
};
export default withClass
(Person,classes.Person
);
注意点 Person.propTypes={
}； 为改component中props参数的默认类型；
