import React from 'react';
import './Header.css';
import ReactTypes from "prop-types";
class Header extends React.Component {
    constructor(props) {
        super(props);
    }
    render() {
        return (
            <div>
                <div className={'header'}>我是头部</div>
                <button onClick={() => {
                    this.btnClickFn()
                }}>我是按钮
                </button>
            </div>
        )
    }
    static defaultProps = {
        name: '小灰灰',
        age: 18
    }
    static propTypes = {
        name: ReactTypes.string,
        age: ReactTypes.number
    }
    btnClickFn() {
        this.props.fatherFn('yangbuyiya', 18);
    }
}
export default Header;

import React from 'react';
import './App.css';
import Footer from "./components/Footer";
import Main from "./components/Main";
import Header from "./components/Header";
class App extends React.Component {
    render() {
        return (
            <div>
                <Header name={'yangbuyiya'} age={18} fatherFn={this.fatherFunction.bind(this)}/>
                <Main/>
                <Footer/>
            </div>
        )
    }
    fatherFunction(name, age) {
        console.log(name, age);
    }
}
export default App;