React JS：导入 Class 组件

Question

我已经在 React 中编写了一个想要添加到我的“App.js”文件中的组件，但我无法这样做。 该组件编写为 class，代码如下：

import React from 'react';
class TempsAndTime extends React.component {
    constructor (props) {
        super(props);
        this.state = {bedTemp:props.bedTemp}
    }

    render() {
        const [progress, setProgress] = React.useState(30);
        const classes = useStyles();
        return (
            <div className={classes.container} >
                <div className={classes.timeContainer} >
                    <Typography className={classes.timeElapsed}>
                        Time elapsed
                    </Typography>
                </div>
            </div>
        );
    }
};
export default TempsAndTime

在我的 App.js 中，我尝试通过以下方式导入它：

import TempsAndTime from './components/TempsAndTime';

但我最终得到以下错误：

TypeError: Super expression must either be null or a function

有任何想法吗？

Answer 1

您的代码中有一个错字：

当您声明 class TempsAndTime 时，在扩展“React.component”时会出现拼写错误。 它应该是React.Component ，因为 Component 是 React 提供的 class 并且应该以大写字母开头。