PropTypeが設定されていません

Question

ProfileCandidateというコレクションからユーザーの詳細を読み込むコンテナを作成しようとしています。私はpropTypeを使用していますが、何が間違っているのか分かりません。 propTypeが空のオブジェクトを読み込むので、ロードオーダーエラーだと思います。私はprofileCandidate.privateリクエストを購読しているので、コンテナが実行中であることを知っています。

パス：非同期components/ContactDetails.js

class ContactDetails extends React.Component { 
    constructor(props) { 
    super(props); 
    var ProfileCandidate = this.props.profileCandidate; 
    console.log("ProfileCandidate: ", this.props.profileCandidate); 
    }; 
} 

ContactDetails.propTypes = { 
    profileCandidate: React.PropTypes.object.isRequired, 
}; 

export default createContainer(() => { 
    Meteor.subscribe('profileCandidate.private'); 
    var test = ProfileCandidate.findOne({userId: Meteor.userId()}); 
    console.log("test: ", test); 
    return { 
    profileCandidate: ProfileCandidate.findOne({userId: Meteor.userId()}) || {}, 
    }; 
}, ContactDetails) 

Answer 1

createContainerデータをロードし、そのprofileCandidateの初期状態はundefinedになります。 MeteorDataManager in react-meteor-data line 107によって作成された実行コンテキストにあるとおり、コールバック内のデータを見ることができますが、その前にはContactDetailsが空の小道具でレンダリングされます。

あなたはそうではありませんcostructorではなくrenderまたはcomponentDidUpdate方法で、それがロードされるだけthis.props.profileCandidateに基づいてロジックを実行する必要があります。

propTypesを変更して、非同期に読み込まれるため、プロパティが不要になるようにしてください。 React.PropTypesはReact v15.5で廃止予定です。 prop-types library insteadをご利用ください。