Loop in JSX

JSX에서 Object loop 못 돌릴 때, Array로 변환해서 map()사용

아래 예제로 기존 배열의 프로퍼티를 return할 때, ...(spread연산자)을 사용해도 된다는 것도 알 수 있다.

추가로 map()에서 key 인수에 담아서 내가 생성한 firebase unique key가 컨트롤 된다. (항상 database 구조를 생각하고 코딩하자.)

예제

let arrayTodos = Object.keys(todos).map(key => {
    // return todos[key]; 
    // {key: value, text: aaaa, complete: false}
    return {
        id: key,
        ...todos[key],
    };
});