子组件的子组件 直接调用父级的事件

子组件的子组件可以通过事件冒泡的方式调用父级的事件。在React中，可以通过props将父组件的事件传递给子组件，并在子组件中调用该事件。然后，在子组件的子组件中，可以通过props将父组件传递的事件再次传递给子组件的子组件，从而实现调用父级的事件。

以下是一个示例代码：

// 父组件
class ParentComponent extends React.Component {
  handleClick() {
    console.log('父级点击事件被触发');
  }

  render() {
    return (
      <ChildComponent onClick={this.handleClick} />
    );
  }
}

// 子组件
class ChildComponent extends React.Component {
  render() {
    return (
      <GrandchildComponent onClick={this.props.onClick} />
    );
  }
}

// 子组件的子组件
class GrandchildComponent extends React.Component {
  render() {
    return (
      <button onClick={this.props.onClick}>点击触发父级事件</button>
    );
  }
}

在上面的示例中，当点击"点击触发父级事件"按钮时，会触发父级组件中定义的handleClick方法，并在控制台输出'父级点击事件被触发'。这样，子组件的子组件就可以通过事件冒泡的方式直接调用父级的事件了。