antd,react <Modal>标签 onOk方法如何处理两个事件

Question

如题.
目的就是点击确定后,提交数据,关闭当前弹窗<Ｍodal>.
this.okHandle提交数据,
() => handleConnectModalVisible(false)
如何在onOk={}实现这两个函数呢

父组件:

  const [ConnectModalVisible, handleConnectModalVisible] = useState<boolean>(false);

子组件:

class ConnectForm extends Component<ConnectFormProps, ConnectFormState> {

  static defaultProps = {
    handleUpdate: () => {},
    handleConnectModalVisible: () => {},
    values: {},
  };
  ... ...
 render() {
    const { ConnectModalVisible, onCancel: handleConnectModalVisible, values } = this.props;
    ... ...
     return (

      <Modal
        width={1000}
        destroyOnClose
        title="设置连接组件"
        visible={ConnectModalVisible}
        onOk={this.okHandle}
        onCancel={() => handleConnectModalVisible(false, values)}
        afterClose={() => handleConnectModalVisible()}
        maskClosable={false}
        cancelText={'重置'}
        okText={'提交'}
      >

调用父组件方法并传值:

  okHandle = () => {
    this.props.onAddＴableForm(this.state.selectedRows)
  };

所有的问题都是出在了函数式组件了.如果是class类组件,直接设置setState就行了

Answer 1

直接在okHandle里调用handleConnectModalVisible不可以吗？