2016-05-25 12 views
0

私は奇妙な問題があります。コンポーネント( "親")をレンダリングしようとすると、正常に動作します。しかし、子コンポーネントを追加すると、両方のコンポーネントが画面上に表示されません(親&子)。私のコードは次のようになります。反応中に子コンポーネントを追加すると親が消えます

動作しません。

import React from 'react'; 
 
import SonComp from './SonComp'; 
 

 
export default class ParentBox extends React.Component { 
 

 
    render() { 
 
     return(
 
      <div> 
 
       <div> 
 
        <SonComp /> 
 
       </div> 
 
      </div> 
 
     ); 
 
    } 
 
}

ん作品:

import React from 'react'; 
 

 
export default class ParentBox extends React.Component { 
 

 
    render() { 
 
     return(
 
      <div> 
 
       <div> 
 
        <p>Hello<p> 
 
       </div> 
 
      </div> 
 
     ); 
 
    } 
 
}

子:

import React from 'react'; 
 

 
export default class SonComp extends React.component { 
 

 
    render() { 
 
     return (
 
      <div> 
 
       <p>hi</p> 
 
      </div> 
 
     ); 
 
    } 
 
}

答えて

1

作業コードでReact.componentReact.Componentに変更してください。

関連する問題