normalizr 없이 데이터 정규화

안녕하세요 👋🏼

현재 사용 가능한 네이티브를 사용하여 데이터를 정규화하는 방법에 대한 짧은 게시물입니다.

normalizr를 사용한다면 무슨 말인지 알 것입니다.

간단한 서버 응답 데이터가 있습니다.

const data = [
    { id: 1, name: 'Apple', type: 'fruit' },
    { id: 2, name: 'Orange', type: 'fruit' },
    { id: 3, name: 'Tomato', type: 'vegetable' },
];


속성별로 엔티티와 컬렉션을 가져오고 싶습니다.

따라서 모든 것을 정의하십시오.

const attribute = 'id';
const entities = [];
const collection = {};


다음 단계는 데이터를 반복하고 쓰는 것입니다.

data.forEach((item) => {
    entities.push(item[attribute]);
    collection[attribute] = item;
});


마지막으로 엔터티와 컬렉션이 있으며 iterable 속성으로 날짜를 반복하고 가져올 수 있습니다.

좋은 웹페이지 즐겨찾기