Users need to be able to navigate between the pages of our application in order to access all of its features. There is a navigation bar in the Layout.jsx component, but it's not quite feature-complete: the links in the nav element don't actually allow the user to navigate from page to page.
Acceptance criteria
[x] The nav element is added to the Layout component
[x] Links to the "Home", "List", and "Add item" pages of the app are In the nav element
[x] The links all function as expected using the NavLink component from react-router-dom
While a standard anchor element (<a>) could allow a user to navigate from page to page, the NavLink component adds additional behavior that is essential to our app functioning correctly!
Summary
Users need to be able to navigate between the pages of our application in order to access all of its features. There is a navigation bar in the
Layout.jsxcomponent, but it's not quite feature-complete: the links in the nav element don't actually allow the user to navigate from page to page.Acceptance criteria
navelement is added to theLayoutcomponentnavelementNavLinkcomponent fromreact-router-domNotes
NavLinkcomponent will come in very handy!<a>) could allow a user to navigate from page to page, theNavLinkcomponent adds additional behavior that is essential to our app functioning correctly!