Reagieren defaultProps funktioniert nicht

Question

Ich mache wahrscheinlich etwas Dummes, aber ich kann defaultProps nicht funktionieren.

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 
    } 
} 

Ich habe Code, der bis wehen mit TypeError: 'undefined' is not an object (evaluating 'this.props.field.errors.length') auf this.props.field.value und this.props.field.errors.length und alle meine Tests angewiesen ist, sollte meine Standard-Requisiten es keinen Standardwert geben? Anfangs ist meine field Requisite ein leeres Objekt.

Answer 1

Zunächst ist meine field Requisite ein leeres Objekt.

Standardrequisiten werden nur verwendet, wenn für die Requisite kein Wert übergeben wird. Es ist ein flacher Merge, kein tiefer Merge.

Vom docs (Hervorhebung von mir):

Das Ergebnis getDefaultProps() zwischengespeichert und verwendet werden, um sicherzustellen, dass this.props.value einen Wert haben wird , wenn sie nicht von der Mutterkomponente angegeben wurde.