小程序:页面跳转闪屏

自己的笔记,随手记录。扛精走开。

1、问题描述

进入页面,是一个组件,通过路由传参判断是由哪个页面进入,不同的页面拿的已选值不一样,需要回显值,在编辑数据。此时会出现一个问题,A页面中进来,操作数据,点献取消,然后从A页面在进入,或者从B页面进入,会出现上一次A操作的数据,点击取消,会闪一下,然后才会拿到B页面已选的数据。如果解决这个问题呢?

2、页面展示

从此处进入

小程序:页面跳转闪屏_第1张图片

小程序:页面跳转闪屏_第2张图片

3、解决方法

function Index() {
    
    // 正常是这么写
    useEffect(() => {
        store.init()
    }, [])
    
    // 此问题修改
    const [isReady, setIsReady] = useState(false);
    useEffect(() => {
        store.init().then(() => setIsReady(true))
        return store.unInit
    }, [])
    
    return (
            
    )
}
export default Index()

你可能感兴趣的:(小程序,前端)