Learn React Hooks

Implementing post creation

Now that we have a good grasp on how to request data from an API, we are going to use the useResource Hook for the creation of new data.

Let's get started implementing post creation using the Resource Hook:

1. Edit src/post/CreatePost.js, and import the useResource Hook:

import { useResource } from 'react-request-hook'

2. Then, define a new Resource Hook, below the other Hooks, but before our handler function definitions. Here, we set the method to post (creates new data) and we pass the data from the createPost function, to the request config:

    const [ , createPost ] = useResource(({ title, content, author }) => ({        url: '/posts',        method: 'post',        data: { title, content, author }    }))

Here, we are using a shorthand ...