我有一个轨道道具,具有以下定义：
propTypes: {
track: React.PropTypes.shape({
cover: React.PropTypes.string,title: React.PropTypes.string,artist: React.PropTypes.string
})
}
如果未定义,我希望track.cover获取默认值：
getDefaultProps: function() {
return {
track: {
cover: 'placeholder.png'
}
}
}
有什么机会我可以在视图层面上做到这一点吗？
getDefaultProps是否进行深度合并？
或者我需要在模型级别处理这个问题？
谢谢
getDefaultProps不会将传递的属性值与指定的返回值合并.如果该属性不存在,React将使用getDefaultProps返回的对象来初始化组件实例.
下面的代码例如产生：
Test Cover and
码：
var TrackItem = React.createClass({
render: function() {
var track = this.props.track;
return (<div>{track.cover} and {track.artist}</div>);
},getDefaultProps: function() {
return {
track: {
artist: 'def artist'
}
}
}
});
var track = {
cover: 'Test Cover'
};
React.render(<TrackItem track={ track } />,mountNode);
另请注意,getDefaultProps中返回的对象在组件的所有实例(reference)之间共享.
