我想在使用formik订餐项目中实现一个用于验证有效性的检查表单，但是我遇到了创建两个按钮的问题。无论点击哪个按钮，都会调用handleSubmit。我该如何解决这个问题？

函数goBack只是将状态设置为false。

export default function Checkout(props) {
  function handleSubmit(event) {
    // event.preventDefault();
    console.log("Hello");
  }

  return (
      
        {(props) => (
          

            

              

                Your name
                
              
              

                Street
                
              
              

                Postal code
                
              
              

                City
                
              
            
            

              Back
              Confirm
            
          
        )}
      
  );
}

export default function CloseButton(props) {
  return {props.children};
}

export default function OrderButton(props) {
  return {props.children}
}

我希望CloseButton关闭表单并返回到订单列表，但它只调用由Formik组件创建的handleSubmit，而不是props中的函数。我阅读了文档，但关于使用两个按钮创建formik的内容以及与我的问题相关的内容都没有提到。