Question

我一直在尝试执行一个从不同组件调用函数的按钮。

import ComponentB from './components/ComponentB '
import React, {Component} from 'react';

class ComponentA extends Component {
    render() {
        return 
        (
            <button onClick={this.handleClick}>click me</button>    
        );
    }
}

export default ComponentA;

这没有成功。按钮无法调用该功能。我做错了什么？

import React, {
  Component
}
from 'react';

class ComponentB extends Component {
  constructor() {
    this.handleClick = this.handleClick.bind(this);
  }
}
handleClick() {
  console.log("hi hi hi");
}
}

export
default ComponentB;

Answer 1

您正在导入ComponentB，但未使用它，这就是为什么无法正常工作。在您的情况下，最好的方法是直接将handleClick实现到ComponentA，但这不是您想要做的。如果您希望与不同的组件共享相同的功能，则使用redux和react js将完成工作并将提供给其他组件;）

React组件如何执行从不同组件调用函数的按钮

1 个答案: