前端hook项目重构笔记2-重构之裁剪上传功能

最新推荐文章于 2024-08-09 16:31:25 发布

前端歌谣

最新推荐文章于 2024-08-09 16:31:25 发布

阅读量42

点赞数

文章标签：重构

本文链接：https://blog.csdn.net/qq_41632427/article/details/129043198

版权

前端项目mes日记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

文章讲述了从大量代码中删除冗余部分，将代码量从987行减少到380行的过程。重点讨论了TailoringSchemeAdd裁剪方案新增功能，以及如何对antdesign的自定义穿梭框进行配置，包括使用Form和Input组件创建表单，并设定输入规则。此外，还涉及到了配置文件的命名调整。

摘要由CSDN通过智能技术生成

删除多余的代码和注释

从987行精简到380行

修改配置文件名 TailoringSchemeAdd 裁剪方案新增

ant design自定义穿梭框代码

  const renderItem = (item: RecordType) => {
    const customLabel = (
      <Row>
        <div style={{ lineHeight: "54px" }}>{item.title}</div>
        {item.chosen && (
          <div className={styles["antForm"]}>
            <Form
              form={formDataList}
              initialValues={menu || {}}
              layout="inline"
            >
              <Form.Item
                label="唛架比"
                name={`ratio-${item.key}`}
                rules={[{ required: true, message: "请输入唛架比" }]}
              >
                <Input style={{ width: "100px", marginTop: "10px" }} />
              </Form.Item>
            </Form>
          </div>
        )}
      </Row>
    );
    return {
      label: customLabel,
      value: item.title,
    };
  };