CODEWITHSUNDEEP
reactjs
JojoD
JojoD

Reputation: 373

parent disappear when add a child component in react

I have a strange problem. When I try to render a component ("parent"), it works fine. but, when I add a child component, I cant see both components on screen (parent&child). My code looks like :

Does not Work: 

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

export default class ParentBox extends React.Component {

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

Does Work: 

import React from 'react';

export default class ParentBox extends React.Component {

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

The child : 

import React from 'react';

export default class SonComp extends React.component {

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

Upvotes: 1

Views: 130

Answers (1)

Bryan Fillmer
Bryan Fillmer

Reputation: 548

Change the React.component in your does not work code to React.Component.

Upvotes: 2

Related Questions