Loop in JSX - seowonintech/react-native-todo-list GitHub Wiki

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],
    };
});
โš ๏ธ **GitHub.com Fallback** โš ๏ธ