React defaultProps nie działa

Question

Prawdopodobnie robię coś głupiego, ale nie mogę dostać defaultProps do pracy.

export default class MyClass extends Component{ 
    static propTypes = { 
    name: React.PropTypes.string.isRequired, 
    field: React.PropTypes.object.isRequired 
    } 

    static defaultProps = { 
    field: { value: '', errors: [] } 
    } 

    render() { 
    // blah blah 
    } 
} 

Mam kod, który opiera się na this.props.field.value i this.props.field.errors.length i wszystkich moich testów są wysadzenie z TypeError: 'undefined' is not an object (evaluating 'this.props.field.errors.length') nie powinny domyślną rekwizyty nadać mu wartość domyślną? Początkowo moja propozycja field jest pustym obiektem.

Answer 1

Początkowo moja propozycja field jest pustym obiektem.

Domyślne rekwizyty są używane tylko wtedy, gdy dla podpory nie jest podawana żadna wartość. Jest to płytkie połączenie, a nie głęboka fuzja.

Z docs kopalni (nacisk):

Wynik getDefaultProps() będą buforowane i wykorzystywane w celu zapewnienia, że ​​this.props.value będzie mieć wartość jeśli nie została określona przez komponent nadrzędnej.