zoukankan      html  css  js  c++  java
  • react 子组件调用父组件方法

    import React from 'react'
    import '../page1/header.css'
    import { Table } from 'antd'
    import Child from './child'//引入的子组件

    export default class Header extends React.Component{
      constructor(){
      super()

      }

    }

    MakeMoney(){
      alert("我在学习react!");
    }

    render(){

      return (<div>

        <Child MakeMoney={this.MakeMoney} />

      </div>

    }

    //子组件

    import React from 'react'

    export default class Header extends React.Component{
      constructor(props){
      super(props)
     
    }
    StudyMakeMoney=()=>{ // 调用父组件方法
      this.props.MakeMoney();
    }
    render(){
    console.log(this.props.msg)
    return (
      <div className="header">
        <button onClick={this.StudyMakeMoney}>调用父组件中的方法</button>  //点击按钮通过StudyMakeMoney方法中this.props.MakeMoney();
      </div>
    )
    }
    }

  • 相关阅读:
    2017.1.10学习笔记
    v-model双向绑定
    指令之v-bind
    v-for列表渲染
    事件修饰符
    v-on
    指令v-text v-html
    vue起步
    Swoole HTTPServer
    SwooleTCP
  • 原文地址:https://www.cnblogs.com/whlBooK/p/10768803.html
Copyright © 2011-2022 走看看