您的位置：首页 > Web前端 > React

ReactNative--属性默认设置

2017-02-22 18:17 225 查看
属性验证 propTypes

组件类的属性

用于验证组件实例的属性是否符合要求

var ShowTitle = React.createClass({
propTypes:{
title: React.PropTypes.string.isRequired
},
render: function () {
return <h1>{this.props.title}</h1>
}
});

ReactDOM.render(
<ShowTitle title=123/>,
document.getElementById("container")
)


下面传的123是数字，不是字符串，所以会报错



设置组件属性的默认值

通过实现组件的getDefaultProps方法，对属性设置默认值

var MyTitle = React.createClass({
getDefaultProps:function () {
return {
title:"lanou"
};
},
render:function () {
return <h1>{this.props.title}</h1>
}
});

ReactDOM.render(
<MyTitle />,
document.getElementById("container")
);
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航