账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    antd,react <Modal>标签 onOk方法如何处理两个事件
    28
    0

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

    父组件:

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

    子组件:

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

    调用父组件方法并传值:

      okHandle = () => {
        this.props.onAddTableForm(this.state.selectedRows)
      };

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

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 尼杰呫 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部