Learn React Hooks

Adjusting the CreatePost component

Next, we need to use the setPosts function in order to insert a new post, when we press the Create button.

Let's start modifying the CreatePost component in order to make it dynamic:

1. Edit src/posts/CreatePost.js, and import the useState Hook:

import React, { useState } from 'react'

2. Then, adjust the function definition to accept the posts and setPosts props:

export default function CreatePost ({ user, posts, setPosts }) {

3. Next, we define two new State Hooks—one for the title value, and one for the content value:

    const [ title, setTitle ] = useState('')    const [ content, setContent ] = useState('')

4. Now, we define two handler functions—one for the input field, and one for the textarea:

 function handleTitle ...