Reactコンポーネント：未定義エラーのプロパティを読み取ることができません

Question

現在、別のコンポーネントにReactラッパーコンポーネントをレンダリングする際に問題が発生しています。基本的には、私はexport defaultラッパーコンポーネント（CreatePage）、し、別のコンポーネント（EditPage）にインポートしようとしましたが、エラーが表示されません "不明なプロパティpageTypeを読み取れません。 pageTypeは、私が定義したCreatePageの小道具ですが、奇妙なことに、両方のコンポーネントのレンダリング機能にデバッガがあり、どちらもヒットしていないため、何らかの理由でコンポーネント自体に問題があると思いますが、わかりませんかなり何か。ここではいくつかのコンテキストのEditPageからのコードは次のとおりです。のcreatePageため

import React, { Component, PropTypes } from 'react'; 
import CreatePage from './CreatePage'; 
import withResource from '../../../../lib/withResource'; 


export class EditPage extends Component { 
    constructor(props){ 
     super(props); 
    } 

    render() { 
     debugger; 
     return (
      <div> 
       <CreatePage pageType={'edit'}/> 
      </div> 
     ); 
    } 
} 

export default withResource(
{ 
    name: 'EditResource', 
    key: 'hello', 
    }, 
EditPage); 

コード：

export default class CreatePage extends Component { 

    constructor(props) { 
     super(props); 
    } 

    headerTitles = { 
     'create': i18n._('Create', '[m10n]'), 
     'edit': i18n._('Edit', '[m10n]'), 
    } 

    renderHeader(pageType) { 
     return (
      <div className={cx('headerWrapper')}> 
       <div className={cx('header')}> 
        <div className={cx('title')}> 
         {this.headerTitles[pageType]} 
        </div> 
       </div> 
      </div> 
     ); 
    } 

    renderCreateEditPage(pageType) { 
     return (
      <div> 
       {this.renderHeader(pageType)} 
       <div className={cx('contentWrapper')}> 
        <div> 
         <NameTag type={'pageType'}/> 
        </div> 
       </div> 
      </div> 
     ); 
    } 

    render() { 
     return (
      <div className={cx('pageWrapper')}> 
       {this.renderCreateEditPage(this.props.options.pageType)} 
      </div> 
     ); 
    } 
} 

Answer 1

のcreatePageがthis.props.options.pageTypeに見ているが、あなただけ..オプションの言及は

を支えるない直接ページタイプに渡さ