关于react

Question

app.jsx

import React from "react";
import Header from "comp/header";
import Layout from "comp/layout";
import Footer from "comp/footer";
import {BrowserRouter as Router} from "react-router-dom"
import RouterView from "router"

import "common/css/bootstrap.min.css";
import "common/css/reset.css";
import "common/css/common.css";
import "common/css/style.css";

class App extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            show_footer : false
        }
        //this.showFooter = this.showFooter.bind(this)
        
    }
    showFooter(flag){
        this.setState({
            showFooter:flag
        })
    }
    render() {
        const { show_footer } = this.state;
        return <div className="wraper">
            <Header></Header>
            <Layout>
                this is enter page
                <Router>
                    <RouterView/>
                </Router>
            </Layout>
            <Footer flag={show_footer}></Footer>
        </div>
    }
}
export default App;

index.jsx

import React from "react";

class Footer extends React.componet{
    render(){
        const {flag = false} = this.props;
        return <footer className={flag?"footer":"footer hide"}>
            this is footer
        </footer>
    }
}
export default Footer;

目录

报错信息

Answer 1

try React.Component

Answer 2

编辑器没有提示补全功能?遇到问题先自己定位一下。