ReactJS-从另一个组件调用一个组件方法

• Z时代
• 2024-01-10
• 分类：问答

我有两个组成部分。我想从第二个组件中调用第一个组件的方法。我该怎么做？

这是我的代码。

class Header extends React.Component{
    constructor(){
        super();
    }
    checkClick(e, notyId){
       alert(notyId);
    }
}
export default Header;

class PopupOver extends React.Component{
    constructor(){
        super();
        // here i need to call Header class function check click....
        // How to call Header.checkClick() from this class
    }
    render(){
        return (
            <div className="displayinline col-md-12 ">
                Hello
            </div>
        );
    }
}
export default PopupOver;

回答：

你可以做这样的事情

import React from 'react';
class Header extends React.Component {
constructor() {
    super();
}
checkClick(e, notyId) {
    alert(notyId);
}
render() {
    return (
        <PopupOver func ={this.checkClick } />
    )
}
};
class PopupOver extends React.Component {
constructor(props) {
    super(props);
    this.props.func(this, 1234);
}
render() {
    return (
        <div className="displayinline col-md-12 ">
            Hello
        </div>
    );
}
}
export default Header;

使用静态

var MyComponent = React.createClass({
 statics: {
 customMethod: function(foo) {
  return foo === 'bar';
  }
 },
   render: function() {
 }
});
MyComponent.customMethod('bar');  // true

以上是 ReactJS-从另一个组件调用一个组件方法 的全部内容， 来源链接： utcz.com/qa/402506.html