Learn React Hooks

Passing the user to CreatePost

As you might have noticed, the CreatePost component still uses the hardcoded username. To be able to access the user value there, we need to move the Hook from the UserBar component, to the App component.

Let's refactor the definition of the user State Hook now:

1. Edit src/user/UserBar.js, and cut/remove the Hook definition that is there:

    const [ user, setUser ] = useState('')

2. Then, we edit the function definition, and accept these two values as props:

export default function UserBar ({ user, setUser }) {

3. Now, we edit src/App.js, and import the useState Hook there:

import React, { useState } from 'react'

4. Next, we remove the static user value definition:

    const user = 'Daniel Bugl'

5. Then, we insert the ...