react) Expected an assignment or function call and instead saw an expression no-unused-expressions

 

에러 원인

map을 쓰는 구문에서 오류가 발생했습니다. 

문법 오류이기 때문에 다음에 작성할 때도 같은 에러가 발생하지 않도록 해야합니다. 

 

 

에러 해결

1. return 을 쓰지 않을때 👉 map(() => ())

 

<TabMenu>
          {menuArr.map((menu, index) => 
           (
              <li
                className={currentTab === index ? "submenu focused" : "submenu"}
                key={index}
                onClick={() => selectMenuHandler(index)}
              >
                {menu.name}
              </li>
            );
          )}
</TabMenu>

 

 

2. return 을 쓴다면 👉 map(() => { return() })

 

<TabMenu>
          {menuArr.map((menu, index) => {
            return (
              <li
                className={currentTab === index ? "submenu focused" : "submenu"}
                key={index}
                onClick={() => selectMenuHandler(index)}
              >
                {menu.name}
              </li>
            );
          })}
</TabMenu>