基于Inertiajs(https://inertiajs.com/shared-data#accessing-shared-data)的示例源代码,我们可以使用usePage()
钩子来获取从服务器端传递的props
import { usePage } from '@inertiajs/react'
export default function Layout({ children }) {
const { auth } = usePage().props
return (
<main>
<header>
You are logged in as: {auth.user.name}
</header>
<content>
{children}
</content>
</main>
)
}
我的问题是我们如何在类组件中获取数据(来自服务器端)?或者用什么来替代类组件中的usePage()钩子?
1条答案
按热度按时间4jb9z9bj1#
React类组件中的Inertiajs usePage()是什么
usePage()
是Inertiajs提供的一个自定义钩子,用于实现访问服务器端共享数据的可能性。所以这与函数或类组件无关。真实的问题是如何在类组件中使用钩子
你不能在一个类组件中使用钩子。但是,你可以使用HOC(高阶组件)模式在现有的类组件中使用钩子逻辑。
看看这个answer