reactjs React类组件中的Inertiajs usePage()是什么

0lvr5msh  于 2023-03-22  发布在  React
关注(0)|答案(1)|浏览(140)

基于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()钩子?

4jb9z9bj

4jb9z9bj1#

React类组件中的Inertiajs usePage()是什么
usePage()是Inertiajs提供的一个自定义钩子,用于实现访问服务器端共享数据的可能性。所以这与函数或类组件无关。
真实的问题是如何在类组件中使用钩子
你不能在一个类组件中使用钩子。但是,你可以使用HOC(高阶组件)模式在现有的类组件中使用钩子逻辑。
看看这个answer

相关问题