안녕하세요 선생님
실습 중에 궁금한 점이 있습니다.
=======================
const shoesId = props.shoes;
const productInfo = shoesId.find((data) => data.id == paraId);
=====// 중략 // =====
<div className="col-md-6">
<h4 className="pt-5">{productInfo.tilte}</h4>
<p>{productInfo.tilte}</p>
<p>{productInfo.price}</p>
<button
className="btn btn-danger"
onClick={() => {
console.log(productInfo);
dispatch(addItem(productInfo));
}}
>주문하기</button>
=======================
console.log로 productInfo를 출력하면
{id: 1, title: 'Red Knit', content: 'Born in Seoul', price: 110000}
로 나오는데요. 이를 그대로 addItem할 경우에는 제대로 데이터 내용이 추가되지 않는데요.
위 문제 현상 이유가 Detail.js에서 사용하는
data 양식(id,title,content,price)과
store양식(id,name,count)간 key 값이 달라서 그런거죠 ?
만약, 2개 (data <=> store)간 key 값의 양식이 달라서 그런거라면
다른 부분의 object key 값을 맞추면
" dispatch(addItem(productInfo)); "
요렇게 했을 때 업데이트에 문제가 없을지 궁금합니다.
