상황

🚨
위와 같은 데이터가 들어오고 있는 상황이다.
이 중에서 highlight: true인 data만 차트에 return 하고 싶은 상황!

solution

1 try

단순하게 map() 통해 if(highlight) 인 경우만 return 하려고 했으나,
if(!highlight)의 경우 return undefined 발생!

2 try

• 새로운 배열을 선언하여 for문을 돌며 highlight가 true인 경우 새 배열에 필요한 데이터들을 담아주고, 새로운 배열을 리턴하도록 했다.

• 새로운 state를 선언한 후 setState를 할 때 함수를 거쳐 data를 정제하여 state에 담아주었다.

result

🎉highlight가 true였던 data들의 필요한 부분만 꺼내서 정제 성공!