How to fix React:' variable' is not defined no-undef

Question

I have just started learnig react i am stuck on this problem i have created an array expenses. There is no problem with declaration but it is throwing error while using it.

import ExpenseItem from "./components/ExpenseItem";
function App() {
const expenses = [
{
  id: "e1",
  title: "Toilet Paper",
  amount: 94.12,
  date: new Date(2020, 7, 14),
},
{ 
  id: "e2", 
  title: "New TV", 
  amount: 799.49,
  date: new Date(2021, 2, 12) 
 },

]; return (
<div>
  <h2>Let's get started!</h2>
  <ExpenseItem
    title={expenses[0].title}
    amount={expense[0].amount}
    date={expense[0].date}
  ></ExpenseItem>
  <ExpenseItem
    title={expenses[1].title}
    amount={expense[1].amount}
    date={expense[1].date}
  ></ExpenseItem>
</div>
    );
     }
   export default App;

And the error log is :

 src\App.js
 Line 23:17:  'expense' is not defined  no-undef
 Line 24:15:  'expense' is not defined  no-undef
 Line 28:17:  'expense' is not defined  no-undef
 Line 29:15:  'expense' is not defined  no-undef

you have 4 typos

Derek
– Derek

2022-01-22 07:25:45 +00:00
Commented Jan 22, 2022 at 7:25 — Derek
– Derek, Commented Jan 22, 2022 at 7:25
Typos, expense isn't the same as expenses.

Drew Reese
– Drew Reese

2022-01-22 07:30:04 +00:00
Commented Jan 22, 2022 at 7:30 — Drew Reese
– Drew Reese, Commented Jan 22, 2022 at 7:30
yeah my bad thanks for your time guys.

Who Do You think am i
– Who Do You think am i

2022-01-22 07:47:29 +00:00
Commented Jan 22, 2022 at 7:47 — Who Do You think am i
– Who Do You think am i, Commented Jan 22, 2022 at 7:47

KyleRifqi · Accepted Answer · 2022-01-22 07:32:32Z

1

Looks like you misspelled expenses and instead wrote expense in your ExpenseItem element. Fixing the typo should fix your code.

answered Jan 22, 2022 at 7:32

KyleRifqi

5083 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Who Do You think am i Over a year ago

yeah its fixed.

Who Do You think am i · Accepted Answer · 2022-01-22 14:52:07Z

0

function app should have returned:

return (
<div>
  <h2>Let's get started!</h2>
  <ExpenseItem
    title={expenses[0].title}
    amount={expenses[0].amount}
    date={expenses[0].date}
  ></ExpenseItem>
  <ExpenseItem
    title={expenses[1].title}
    amount={expenses[1].amount}sa
    date={expenses[1].date}
  ></ExpenseItem>
</div>
);

answered Jan 22, 2022 at 14:52

Who Do You think am i

4551 gold badge4 silver badges15 bronze badges

Collectives™ on Stack Overflow

How to fix React:' variable' is not defined no-undef

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related