1.在父組件中定義方法，并綁定在子組件上

// 在子組件中調用父組件中的方法 import React,{Component} from 'react'; import Child from './child'class Parent extends Component{constructor(props){super(props);this.fun=this.fun.bind(this);}fun(){console.log('你調用了父組件的方法')}render(){return (<div><Child getFun={this.fun}></Child></div>)} }export default Parent;

　　

2.在子組件中通過this.props來調用父組件中的方法、

// 在子組件中調用父組件中的方法 import React,{Component} from 'react';class Child extends Component{constructor(props){super(props);console.log(this.props,'0000000000000000')}render(){return(<div>child<button onClick={()=>{console.log('你點擊了按鈕');this.props.getFun()}}>點擊</button></div>)} }export default Child;

　　?

?

轉載于:https://www.cnblogs.com/VaeVae/p/10383798.html

總結

以上是生活随笔為你收集整理的react 中子组件调用父组件的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。