使用功能组件从父级调用子方法

Question

我有一个功能组件，它充当另一个（动态）功能组件的包装。包装器具有一个按钮，该按钮应在子组件中触发功能。

简化的父组件：

    const Modal = (props) => {
       const ContentComponent = props.component; //variable component name so this component can act as generic wrapper

       return (
           <div className="modal">
               <ContentComponent {...props.componentData}/>
               <button type="button" onClick={child.submitHandler()}>submit</button>
           </div>
       )
     }

子组件：

const Someform = (props) => {

   const submitHandler = (e) => {
        console.log("SubmitHandler");
    }

   return (
      <div>
          <form>
              ....
          </form>
      </div>
   )
}

这是我的第一个反应项目。有什么想法我应该怎么做吗？

问候，彼得