使用时直接在标签中添加属性
<Person name="凤姐" tel="110"/>
类中
class Person extends React.Component{
//创建默认属性值建议写法
static get defaultProps() {
return{
name:"周杰伦",
tel:"13323232333"
}
}
//创建属性类型建议写法
static propTypes = {
name: React.PropTypes.string.isRequired,
tel: React.PropTypes.string.isRequired
}
render() {
const {
name,
tel
} = this.props;
return (
<span>
<h1>name:{name}</h1>
<h1>tel:{tel}</h1>
</span>
)
}
}
//创建默认属性值第二种写法
//Person.defaultProps = {
// name:"周杰伦",
// tel:"13323232333"
//}
//创建属性类型第二种写法
//Person.propTypes = {
// name: React.PropTypes.string.isRequired,
// tel: React.PropTypes.string.isRequired
//}
