Need React help

Getting a recipes not defined in the map call. What am I overlooking?

class App extends React.Component {
  constructor () {
    this.state = {recipes: ["Crepes", "Lasange", "Omlete"]}
  render () {
    return (
        { => <Recipes>{recipe}</Recipes>)}
        <Rfooter />

Here is the codepen

Shouldn’t recipe be passed to <Recipes> as a prop? (the {recipe} part of your map, I mean?)

Also, it looks like you don’t have a <Recipes> component defined.

<Recipe>, yes.
<Rfooter>, yes.

<Recipes>, no. :frowning:

1 Like

Recipes vs. Recipe That was it!
Thank you!