App.tsx中异步获取到数据前先加载loading组件，有了数据再显示children，显示没有找到页面实例

[jinglun2019]

相关平台

H5

浏览器版本: Firefox 96.0b9 (64 位)
使用框架: React

复现步骤

编译后显示“没有找到页面实例”

APP.TS文件

type AppProps = React.PropsWithChildren<{}>

function App({ children }: AppProps) {
  const [isLoaded, setIsLoaded] = useState(false)
  useEffect(() => {
    setTimeout(() => {
      setIsLoaded(true)
    }, 3000)
  }, [])
  return isLoaded ? children : <View>loading</View>
}

export default App

期望结果

正常运行

实际结果

运行报错

环境信息

👽 Taro v3.3.16


  Taro CLI 3.3.16 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 16.12.0 - C:\Program Files\nodejs\node.EXE
      npm: 8.1.0 - C:\Program Files\nodejs\npm.CMD

[lin593]

解决了吗，这种写法可以的吗

[jinglun2019]

解决了吗，这种写法可以的吗

没解决，也没人回。我打算用swr.js这个库了，这样也不需要开始的时候加载全局信息

[hepeng10]

遇到相同的问题，不知道能解决不。。。

[ZakaryCode]

可以参考这里的写法