ReactJs 中输出事件的 Angular

我正在寻找在 ReactJs 中创建类似 Angular 等输出事件的方法。

我正在根据 Atomic 设计在 ReactJs 中制作一个组件库，因此，例如，我在其他组件中注入了一个 Button，我想知道如何为 Button 编写一个 props，所以每次用户按下按钮将启动此道具（以 Angular 方式输出），以便在注入它的父级中检测到。

我不想使用状态，因为我希望组件完全独立。

提前致谢

没有等同于@output EventEmitter在反应。执行此操作的标准方法是将 props 中的回调传递给子组件。就像这样：

  class Parent extends React.Component {
      handleChildClicked = () => {
          console.log('child clicked');
      }
      render() {
        <Child onClick={this.handleChildClicked} />
      }
  }

  const Child = (props: Props) => {
    const { onClick } = props;
    return (
      <button onClick={onClick}>Clicky!</button>
    );
  };