React学习9.父子组件之间参数的传递

文件1

import React, { Component } from 'react';

import Header from './Header'
import Footer from './Footer'

class News extends Component {

    constructor(props) {
        super(props);
        this.state = {
            msg: '我是state里的msg～～～～',
            title: '新闻标题'
        }
    }

    run = () => {
        alert("News 的run 方法")
    }

    getData = () => {
        alert(this.state.title)
    }

    getFooter = () => {
        alert(this.refs.footer.state.title)
        this.refs.footer.run()
    }

    render() {
        return (<div>
            新闻组件的内容
            {/* 
            title = {this.state.title}  传递参数
            run = {this.run} 传递方法
            news = {this}  是将整个组件传递给子组件*/}
            <Header title={this.state.title} run={this.run} news={this} />
            <button onClick={this.getFoote