房贷计算器金额NaN，切换错误BUG

src/pages/mine/mortgageCalc/components/Result.jsx

@@ -15,14 +15,14 @@ const getMixList = (lst1, lst2) => {
     const it1 = lst1[i] || {}
     const it2 = lst2[i] || {}
 
-    const paid1 = it1.paid||0;
-    const paid2 = it2.paid||0;
+    const paid1 = it1.paid || 0;
+    const paid2 = it2.paid || 0;
 
     rtn.push({
-      benjin: (it1.benjin||0) + (it2.benjin||0),
-      benxi: (it1.benxi||0) + (it2.benxi||0),
-      rate: (it1.rate||0) + (it2.rate||0),
-      paid: (paid1||lastPaid1) + (paid2||lastPaid2),
+      benjin: (it1.benjin || 0) + (it2.benjin || 0),
+      benxi: (it1.benxi || 0) + (it2.benxi || 0),
+      rate: (it1.rate || 0) + (it2.rate || 0),
+      paid: (paid1 || lastPaid1) + (paid2 || lastPaid2),
     })
 
     if (paid1 > 0) {
@@ -50,10 +50,10 @@ export default (props) => {
     if (!dataSource[0] && !dataSource[1]) return;
 
     if (isMixed) {
-      // console.log('------dataSource[0]------>', dataSource[0])
-      // console.log('------dataSource[1]------>', dataSource[1])
+
       //
       const bj = {
+
         summary: {
           money: dataSource[0].bj.summary.money + dataSource[1].bj.summary.money,
           moneyOfFirstMonth: dataSource[0].bj.summary.moneyOfFirstMonth + dataSource[1].bj.summary.moneyOfFirstMonth,
@@ -62,6 +62,7 @@ export default (props) => {
         },
         list: getMixList(dataSource[0].bj.list, dataSource[1].bj.list)
       }
+
       const bx = {
         summary: {
           money: dataSource[0].bx.summary.money + dataSource[1].bx.summary.money,
@@ -72,7 +73,7 @@ export default (props) => {
         list: getMixList(dataSource[0].bx.list, dataSource[1].bx.list)
       }
 
-      setData({bj, bx})
+      setData({ bj, bx })
     } else {
       const res = dataSource[0] || dataSource[1]
       setData(res)
@@ -80,13 +81,13 @@ export default (props) => {
   }, [dataSource, isMixed])
 
   useEffect(() => {
-    const {bj, bx} = data || {}
+    const { bj, bx } = data || {}
     if (current === 1) {
-      setSummary(bx?.summary||{})
-      setList(bx?.list||[])
+      setSummary(bx?.summary || {})
+      setList(bx?.list || [])
     } else {
-      setSummary(bj?.summary||{})
-      setList(bj?.list||[])
+      setSummary(bj?.summary || {})
+      setList(bj?.list || [])
     }
   }, [current, data])
 
@@ -102,22 +103,22 @@ export default (props) => {
       <view className='summary-card'>
         <view className='tip'>{tipText}</view>
         <view className='money'>
-          {current !== 1 ? Number(summary.money/10000).toFixed(0) : Number(summary.moneyOfFirstMonth||0).toFixed(2)}
+          {current !== 1 ? Number(summary.money / 10000).toFixed(0) : Number(summary.moneyOfFirstMonth || 0).toFixed(2)}
           <text className='small'>{current !== 1 ? '万元' : '元'}</text>
         </view>
         <view className='footer flex'>
           <view>
-            <view>{`${Number((summary.totalRate||0)/10000).toFixed(2)}万`}</view>
+            <view>{`${Number((summary.totalRate || 0) / 10000).toFixed(2)}万`}</view>
             <view className='label'>利息总额</view>
           </view>
           <view>
-            <view>{`${Number((summary.totalMoney||0)/10000).toFixed(2)}万`}</view>
+            <view>{`${Number((summary.totalMoney || 0) / 10000).toFixed(2)}万`}</view>
             <view className='label'>还款总额</view>
           </view>
           {
             current === 1 && (
               <view>
-                <view>{`${Number(summary.money/10000).toFixed(0)}万`}</view>
+                <view>{`${Number(summary.money || 0 / 10000).toFixed(0)}万`}</view>
                 <view className='label'>贷款金额</view>
               </view>
             )
@@ -125,7 +126,7 @@ export default (props) => {
           {
             !isMixed && (
               <view>
-                <view>{`${summary.year||0}年`}</view>
+                <view>{`${summary.year || 0}年`}</view>
                 <view className='label'>贷款期限</view>
               </view>
             )

src/pages/mine/mortgageCalc/index.jsx

@@ -11,7 +11,7 @@ import './index.scss'
 
 const tabs = ['商业贷款', '公积金贷款', '组合贷款']
 
-const showError = title => Taro.showToast({ title, icon: 'none'});
+const showError = title => Taro.showToast({ title, icon: 'none' });
 
 export default withLayout(() => {
   const [loading, setLoading] = useState(false)
@@ -22,7 +22,14 @@ export default withLayout(() => {
   const [GJJFormData, setGJJFormData] = useState()
   const [result, setResult] = useState([])
 
+  //切换tba重置
+  const handleTabChange = (index) => {
+    setCurrent(index)
+    setResult([])
+  }
+
   const handleCalc = () => {
+
     // 校验商业贷款
     if (current !== 2) {
       if (SYFormData.year < 0 || SYFormData.year > 30) {
@@ -62,6 +69,7 @@ export default withLayout(() => {
       gjjResult.bj = sdk.calcBJ(GJJFormData.money, GJJFormData.year, GJJFormData.rate)
       gjjResult.bx = sdk.calcBX(GJJFormData.money, GJJFormData.year, GJJFormData.rate)
     }
+
     setLoading(false)
 
     Taro.hideLoading()
@@ -80,7 +88,7 @@ export default withLayout(() => {
 
   return (
     <view className='Page mortgageCalc'>
-      <Tabs tabs={tabs} current={current} onChange={setCurrent} />
+      <Tabs tabs={tabs} current={current} onChange={handleTabChange} />
       {/* <Cell header='还款方式 : '>
         <RadioGroup>
           <Label><Radio value='debx' /> 等额本息</Label>