Documents / @faasjs/ant-design / useApp

Function: useApp()

useApp<NewT>(this): Readonly<NewT>

Read app-level services exposed by the root App component.

Type Parameters

NewT

NewT extends useAppProps = useAppProps

Narrowed app context shape to read from AppContext.

Parameters

this

void

Explicit void receiver that keeps the hook unbound.

Returns

Readonly<NewT>

Read-only app context value.

Example

import { App, useApp } from '@faasjs/ant-design'
import { Button } from 'antd'

function Page() {
  const { message, setModalProps } = useApp()

  return (
    <Button
      onClick={() => {
        message.success('Saved')
        setModalProps({ open: true, title: 'Done', children: 'Profile updated.' })
      }}
    >
      Save
    </Button>
  )
}

export function Root() {
  return (
    <App>
      <Page />
    </App>
  )
}