2주 차 - 색상 앱

암호

import React from 'react';

const DisplayColors = () => {
    const colors = [
        {id: 1, name: 'brown', hex: '#A52A2A'},
        {id: 2, name: 'crimson', hex: '#DC143C'},
        {id: 3, name: 'red', hex: '#FF0000'},
    ]

    const colorItems = colors.map(color => 
        <li key={color.id} id="currColor">
            {color.id}  | {color.name} | {color.hex}
        </li>)

    return (
        <div className="displayColors">
            <h2>Display Colors</h2>
            <div>
                {colorItems}
            </div>
      </div>
    );
}

export default DisplayColors;

결론