React: zagnieżdżone defaultProps głęboko scalić

Question

Mam track rekwizyt z następującą definicję:

propTypes: { 
    track: React.PropTypes.shape({ 
     cover: React.PropTypes.string, 
     title: React.PropTypes.string, 
     artist: React.PropTypes.string 
    }) 
    } 

Chciałbym track.cover aby uzyskać wartość domyślną, jeśli niezdefiniowany:

getDefaultProps: function() { 
    return { 
     track: { 
      cover: 'placeholder.png' 
     } 
     } 
    } 

jakaś szansa Mogę to zrobić na poziomie widoku? Czy getDefaultProps dokonuje głębokiego scalenia? Czy muszę to zrobić na poziomie modelu?

Dzięki

Answer 1

getDefaultProps nie łączą przekazywane wartości nieruchomości o wartości powrotnej określony. Jeśli właściwość nie istnieje, React użyje obiektu zwróconego przez getDefaultProps, aby zainicjować instancję składnika.

Poniższy kod na przykład produkuje:

Test Cover and 

Kod:

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); 

Należy również pamiętać, że obiekty zwrócone w getDefaultProps są wspólne dla wszystkich instancji składnika (reference).