Learn React Hooks

Adjusting the App component

As we know from the users feature, posts are also going to be global state, so we should define it in the App component.

Let's implement the posts value as global state now:

1. Edit src/App.js, and rename the current posts array to defaultPosts:

const defaultPosts = [    { title: 'React Hooks', content: 'The greatest thing since sliced bread!', author: 'Daniel Bugl' },    { title: 'Using React Fragments', content: 'Keeping the DOM tree clean!', author: 'Daniel Bugl' }]

2. Then, define a new State Hook for the posts state:

    const [ posts, setPosts ] = useState(defaultPosts)

3. Now, we pass the posts value and setPosts function as props to the CreatePost component:

            {user && <CreatePost user={user} posts={posts} setPosts={setPosts} ...