react项目实战学习笔记-学习50-代码优化

  // 处理请求数据
  const dealData = (errCode, msg) => {
    setIsModalVisible(false); // 关闭对话框
    if (errCode === 0) {
      message.success(msg)
      setTimeout(() => {
        // 跳回list页面
        navigate('/listlist')
      }, 1500)
    } else {
      message.error(msg)
    }
  }
  // 对话框点击了提交
  const handleOk = () => {
    form
      .validateFields()    // validate校验   field字段
      .then((values) => {
        //  form.resetFields();   // reset重置
        let { title, subTitle } = values;
        // 地址栏有id代表现在想要更新一篇文章
        if (params.id) {
          // 更新文章的请求
          ArticleUpdateApi({ title, subTitle, content, id: params.id }).then(res => dealData(res.errCode, res.message))
        } else {
          // 添加文章的请求
          ArticleAddApi({ title, subTitle, content }).then(res => dealData(res.errCode, res.message))
        }
      })
      .catch(() => false);
  };