Component는 독립적인 단위의 소프트웨어 모듈을 말한다.
즉, 소프트웨어를 독립적인 하나의 부품으로 만드는 방법이라고 볼 수 있다.
import React from 'react';
import ProtoTypes from 'prop-types';
function Food({foodilike, picture, rating}) {
return (
<div>
<h3>I Like {foodilike}</h3>
<h4>{rating}/5.0</h4>
<img src={picture} />
</div>
);
}
const foodILike = [
{
id: 1,
name: "hambuger",
image: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQwJTO8jSwPDVqlHO1gfo_GlxT9mqdiMB4-JQ&usqp=CAU",
rating: 4,
},
{
id: 2,
name: "ramen",
image: "https://src.hidoc.co.kr/image/lib/2019/3/26/20190326140110420_0.jpg",
rating: 4.7,
},
{
id: 3,
name: "samgiopsal",
image: "data:image/jpeg;base64,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",
rating: 5,
},
{
id: 4,
name: "kimbob",
image: "https://dimg.donga.com/ugc/CDB/WOMAN/Article/5e/dd/c1/1a/5eddc11a003fd2738de6.jpg",
rating: 4.2,
},
];
Food.propTypes = {
foodilike: ProtoTypes.string.isRequired,
picture: ProtoTypes.string.isRequired,
rating: ProtoTypes.number.isRequired,
}
function App() {
return (
<div>
<h1>Favorite Food List</h1>
{foodILike.map(dish => (
<Food
key={dish.id}
foodilike={dish.name}
picture={dish.image}
rating={dish.rating}
/>
))}
</div>
);
}
export default App;