新写了一个Modal弹出对话框，点击确定后怎么显示加载中

Question

<Modal
        visible={modalVisible}
        title="提示"
        onCancel={() => {
          setModalVisible(false);
          form.resetFields();
        }}
        onOk={() => {
          form
            .validateFields()
            .then(async (values) => {
              const ok = await props.saveData(values.version);
              if (ok) {
                message.success(formatMsg('component.message.success', '操作成功'));
                setSelectedVersion(props.versions[0]);
                setModalVisible(false);
                form.resetFields();
              }
            })
            .catch();
        }}
      >
        <Form
          form={form}
          name="version_modal"
          layout="vertical"
          initialValues={{ version: Moment().format('YYYYMMDD-HH:mm:ss') }}
        >
          <Form.Item
            name="version"
            label="请输入版本名称"
            rules={[
              {
                required: true,
                pattern: /^[\u4e00-\u9fa5_a-zA-Z0-9(.){\[\]}@:\-=—]+$/,
                message: '版本名称不能为空，不能包含特殊字符和空格',
              },
            ]}
          >
            <Input />
          </Form.Item>
        </Form>
      </Modal>

Answer 1

使用confirmLoading属性，定义一个loading变量，当你点击确定的时候把它置为true，处理完请求后置为false就好啦