Filter

JSX 문법으로 표현

• && 연산자를 사용할 시

{filteredExpenses.length === 0 && <p>No expenses found.</p> } 

• 조건부 사용식을 사용할 시

  
         {/* filter의 년도에 아이템이 없을 경우 */}
         {filteredExpenses.length === 0 
           // 길이가 0이면 <p> 출력
           ? <p>No expenses found.</p> 
           // 길이가 0이 아니면 filteredExpenses()
           : (
             filteredExpenses.map((expense, index) => (
               <ExpenseItem
               id = {expense.id} 
               title={expense.title} 
               amount = {expense.amount} 
               date = {expense.date} />
               ))
           )};

> JavaScript 문법으로 표현
```js
let expensesContent = <p>No expenses found.</p>;
  
  if (filteredExpenses.length > 0) {
    expensesContent =
          filteredExpenses.map((expense, index) => (
            <ExpenseItem
            id = {expense.id} 
            title={expense.title} 
            amount = {expense.amount} 
            date = {expense.date} />
            ))
        }

변수를 선언 → IF문을 사용한 제어