代码优化tips

1.解析链接上的参数时,如果某个名字拼了两遍并对应两个同的值,会解析成数组,加上这个第二个参数能规避这个问题,直接获取第一个.

import qs from 'query-string'; 

 const search: any = qs.parse(window.location.search, { arrayFormat: 'bracket' });
  const { pageStatus, projectNo } = search || {};

2.初始赋值时不要用undefined,要用void 0

  const [state, setState] = useState<step2State>({
    paymentType: void 0,
    orderValidity: '',
    messageAlertInfo: [],
  });

3.能解构就解构,不要频繁使用点语法来遍历拿数据

4.添加注释

/**
 * 
 * @param props 
 * @returns 
 */

5.列表搜索 

 

const mounted = useRef<any>(null);

useEffect(() => {
    //首次进入页面时不执行搜索
    if (!mounted.current) {
      mounted.current = true;
    } else {
      onBillSearch();
    }
  }, [paginationBillData.currentPage, paginationBillData.pageSize]);

const onBillSearch = async () => {
    if (paginationBillData.currentPage > 1) setPaginationBillData({ ...paginationBillData, currentPage: 1 });}


   message.success('移除结算单成功!');
 if (paginationDataDown.currentPage > 1 && downData.length === 1)
          setPaginationDataDown({ ...paginationDataDown, currentPage: paginationDataDown.currentPage - 1 });
        else onDownSearch({});
        getSum();