2017-12-02 11 views
3

以下のコード例は、コンポーネントを簡略化したものです。このコンポーネントの下部にあるコード、Case.wrappedComponent.propTypesの部分はわかりません。インターネット上でwrappedComponentに関する関連ドキュメントも見つけられません。reactjsでは、wrappedComponent.propTypesとは何ですか?

質問

  1. それでwrappedComponentとpropTypes鍵は何ですか?
  2. 彼らは何をしていますか?
  3. これらの文書はどこにありますか?

    import React, { Component } from 'react'; 
    
    @inject('store') @observer 
    export default class Case extends Component { 
    
        constructor(props) { 
        super(props); 
    
        this.caseId = this.props.match.params.id; 
    
    
        this.setOtherComment = this.setOtherComment.bind(this) 
        this.submitOtherComment = this.submitOtherComment.bind(this) 
        } 
    
    
    
        render() { 
        return '...' 
        } 
    } 
    
    Case.wrappedComponent.propTypes = { 
        store: React.PropTypes.object.isRequired, 
        match: React.PropTypes.object.isRequired 
    }; 
    

答えて

3

これは、(注入有する)mobx-reactのAPIであり、注入 を注入周り新しいコンポーネントをラップと組み合わせてpropTypesとdefaultProps及び他の静的プロパティを使用DOCS

に従ってあなたが渡すコンポーネント。あなたがデータにアサーションを作りたい場合、これは........結果のコンポーネントに静的プロパティを割り当て、

アドホックにではなく、元のコンポーネントに適用されること

を意味し、 (ストアまたはマッパー関数の結果のデータ)が注入されている場合、ラップされたコンポーネントに propTypeを定義する必要があります。インラインで のstaticプロパティwrappedComponentを使用できます。 コンポーネント

関連する問題