优化账单查询页面

src/user_pages/queryTransactions/index.tsx

@@ -58,8 +58,8 @@ const QueryTransactions = () => {
       return {
         ...prev,
         page: prev.page + 1,
-      }
-    })
+      };
+    });
   });
 
   useEffect(() => {
@@ -130,7 +130,7 @@ const QueryTransactions = () => {
   useEffect(() => {
     if (load_transactions_params.keyword === "") return;
     getSearchHistory();
-  }, [load_transactions_params.keyword])
+  }, [load_transactions_params.keyword]);
 
   /**
    * @description 点击搜索
@@ -139,7 +139,7 @@ const QueryTransactions = () => {
     // set_loading_transactions(true);
     try {
       const response = await httpService.post("/wallet/transactions", {
-        ...load_transactions_params
+        ...load_transactions_params,
       });
       if (response && response.data && response.data.list.length) {
         setTransactions([...transactions, ...response.data.list]);
@@ -179,7 +179,7 @@ const QueryTransactions = () => {
 
   // 格式化时间显示
   const format_time = (time: string) => {
-    time = time.replace(/-/g, '/');
+    time = time.replace(/-/g, "/");
     const date = new Date(time);
     const month = String(date.getMonth() + 1).padStart(2, "0");
     const day = String(date.getDate()).padStart(2, "0");
@@ -248,7 +248,10 @@ const QueryTransactions = () => {
               defaultValue={keyword}
               onChange={handleChange}
               onClear={handleClear}
-              onBlur={() => {setKeyword(load_transactions_params.keyword)}}
+              onBlur={() => {
+                // load_transactions_params.keyword &&
+                //   setKeyword(load_transactions_params.keyword);
+              }}
               clearable={false}
               ref={ref}
             />
@@ -264,6 +267,8 @@ const QueryTransactions = () => {
               <Text
                 className="searchText"
                 onClick={() => {
+                  isInitialMount.current = false;
+                  setTransactions([]);
                   set_load_transactions_params((prev) => {
                     return { ...prev, page: 1, keyword };
                   });
@@ -314,7 +319,8 @@ const QueryTransactions = () => {
             <View className="loading_state">
               <Text className="loading_text">加载中...</Text>
             </View>
-          ) : transactions.length > 0 && load_transactions_params.keyword !== "" ? (
+          ) : transactions.length > 0 &&
+            load_transactions_params.keyword !== "" ? (
             transactions.map((transaction) => {
               const timeInfo = format_time(transaction.create_time);
               return (