feats

src/layouts/index.jsx

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react'
-import Taro from '@tarojs/taro'
+import Taro, { useDidShow } from '@tarojs/taro'
 import { useModel } from '@/store'
 import Spin from '@/components/Spin'
 import GetUserPhone from '@/components/GetUserPhone/index'
@@ -21,20 +21,38 @@ const showError = err => {
 }
 
 export default function (props) {
+  const { user } = useModel('user')
+
+  const [page, setPage] = useState({})
+  const [loading, setLoading] = useState(true)
   const [showAuthBasic, setShowAuthBasic] = useState(false)
   const [showAuthYeZhu, setShowAuthYeZhu] = useState(false)
   const [showAuthPhone, setShowAuthPhone] = useState(false)
-  const { user } = useModel('user')
 
-  const loading = !user || !user.personId
-  const isAuthedBasic = user && user.avatarurl && user.nickname
-  const isAuthedPhone = user && user.phone
-  const isAuthedYeZhu = user && user.verifyStatus === 'certified'
+  const [isAuthedBasic, setIsAuthedBasic] = useState(false)
+  const [isAuthedPhone, setIsAuthedPhone] = useState(false)
+  const [isAuthedYeZhu, setIsAuthedYeZhu] = useState(false)
+
+  const [needAuthBasic, setNeedAuthBasic] = useState(false)
+  const [needAuthPhone, setNeedAuthPhone] = useState(false)
+  const [needAuthYeZhu, setNeedAuthYeZhu] = useState(false)
 
-  const page = getPage()
-  const needAuthBasic = (page.auth || []).indexOf('avatar') > -1
-  const needAuthYeZhu = (page.auth || []).indexOf('yezhu') > -1
-  const needAuthPhone = (page.auth || []).indexOf('phone') > -1
+  useDidShow(() => {
+    setPage(getPage())
+  })
+
+  useEffect(() => {
+    setLoading(!user || !user.personId)
+    setIsAuthedBasic(user && user.avatarurl && user.nickname)
+    setIsAuthedPhone(user && user.phone)
+    setIsAuthedYeZhu(user && user.verifyStatus === 'certified')
+  }, [user])
+  
+  useEffect(() => {
+    setNeedAuthBasic((page.auth || []).indexOf('avatar') > -1)
+    setNeedAuthPhone((page.auth || []).indexOf('phone') > -1)
+    setNeedAuthYeZhu((page.auth || []).indexOf('yezhu') > -1)
+  }, [page])
 
   // 埋点
   useMountTrack()