hooks.useContent

Functions¶

useContent\<T>(): T

Returns a proxy for accessing your page's content e.g, index.json.props, show.json.props, etc.

{
  data: {
    body: {
      cart: {__id: 'user_cart'}
    },
   footer: {title: "welcome"}},
  },
  fragments: {user_cart: {total: 100}}
}

The proxy will lazily and automatically resolve any FragmentRefs making it as easy as

const data = useContent()
const total = data.body.cart.total

The hook will also automatically tracks fragment dependencies and triggers re-renders only when accessed fragments change.

Type Parameter	Default type	Description
`T`	`JSONMappable`	The data type being accessed (defaults to JSONMappable)

T

Reactive proxy to page data

// Access current page data
const page = useContent()

// Access a specific page's data by key
const posts = useContent('/posts')

useContent\<T>(pageKey?: string): undefined | T

Type Parameter	Default type
`T`	`JSONMappable`

Parameter	Type	Description
`pageKey?`	`string`	Optional page key to access a specific page's data. When omitted, returns data for the current page.

undefined | T

unproxy\<T>(proxy: T): Unproxy\<T>

Extracts the underlying state from an useContent proxy

Type Parameter
`T`

Parameter	Type
`proxy`	`T`