从子组件类外部调用React Parent组件函数

时间:2019-12-03 22:06:47

标签: javascript reactjs babeljs jsx

通常,我从父组件执行以下类型的操作

   this.childZ = React.createRef();  // 

   this.handleTabs = this.handleTabs.bind(this);  // bind a function 

   //Actual function in the parent class component 
   handleTabs = () => { ...}  // I want to call this from Child Component - but outside the class (i have 3rd party javascript etc..

   //In my render()   

   <Tab eventKey={19} title="CORE SEC Z."><SectionZ ref={(secZComponent) => {window.secZComponent.handleTabs() = secZComponent}} handleTabs={this.handleTabs} ref={this.childZ}/></Tab> 

上面的通知中我有SectionZ这是子组件。我在handleTabs={this.handleTabs}中有函数 而且我也有ref={(secZComponent) => {window.secZComponent.handleTabs() = secZComponent}},我过去曾经使用它来允许一些json呈现的表单数据能够调用函数

似乎我无法使用handleTabs = {this.handleTabs}或window .....从孩子那里叫父母,因为它不在 类组件-> class SectionZ extends React.Component { }

0 个答案:

没有答案