我正在开发与 MobX 存储配合使用的组件,遇到了一个问题。当我转到具有不同项目 ID 的页面时,在加载数据后,我在渲染新数据之前看到了之前的数据。因此,我为第一次渲染编写了这个检查,这似乎对准备渲染组件很有用,但在我看来,这可能是错误的代码。是这样吗?
"use client"
const Component = (props) => {
const isFirstRender = useRef(true)
if (isFirstRender.current) {
/* some action */
isFirstRender.current = false
}
return (
/* some jsx */
)
})