| // App.js | |
| import React from 'react' | |
| // import the redux hook | |
| import { useSelector } from 'react-redux' | |
| // import our recipes selector | |
| import { recipesSelector } from './slices/recipes' | |
| const App = () => { | |
| // use the hook and selector | |
| const { recipes, loading, hasErrors } = useSelector(recipesSelector) | |
| // log the data we have pulled into the recipes variable | |
| console.log('Recipes: ', recipes); | |
| return ( | |
| <section> | |
| <h1>Recipes</h1> | |
| </section> | |
| ) | |
| } | |
| export default App |