@tinypixelco/wp-react-hooks
Overview
Block
Post
usePostTemplateusePostTitleImportUsageExamplesusePostType
Editor
Data

usePostTitle

The usePostTitle hook returns the current post title and a function to update it.

Import

import {usePostTitle} from '@tinypixelco/wp-react-hooks'

Usage

const [postTitle, setPostTitle] = usePostTitle()

Examples

Display post title

import {usePostTitle} from '@tinypixelco/wp-react-hooks'
const component = () => {
  const [postTitle] = usePostTitle()
  return (
    <div>
      Post title: {postTitle || null}
    </div>
  )
}

Update post title

Here we are setting the post title to uppercase (if it isn't already).

import {useEffect} from '@wordpress/element'
import {usePostTitle} from '@tinypixelco/wp-react-hooks'
const component = () => {
  const [title, setTitle] = usePostTitle()
  useEffect(() => {
    title !== title.toUpperCase()
      && setTitle(title.toUpperCase())
  }, [title])
  return (
    <div>
      {title || ''}
    </div>
  )
}