如何从父级触发子组件功能？

Question

我知道这可以使用refs完成，但显然在创建反应应用程序时不是推荐的方法。我想要做的是当我点击父容器时，我想执行Element1和Element2的'randomFunction'。

class Logo extends Component {
    executeChildFunctions = () => {         
        ...
    }

    render() {
        return (
            <div onClick={this.executeChildFunctions }>
              <Element1 />
              <Element2 />
            </div>
        );
    }
}

class Child extends Component {
    randomFunction() {
        ...do something
    }
    render() {
        return (
            ...
        );
    }
}

这是否可以在不使用refs的情况下实现？我觉得我甚至不应该这样做，因为它违反了反应的理念。