在反应中添加子组件时，父级会消失

Question

我有一个奇怪的问题。当我尝试渲染一个组件（“父”）时，它工作正常。但是，当我添加一个子组件时，我无法在屏幕上看到这两个组件（父和子）。我的代码如下：

不起作用：

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>
        );
    }
}

Answer 1

将您的无效代码中的React.component更改为React.Component。