/* eslint-disable */
import React,{useState} from 'react';
import { Button } from 'react-bootstrap';
import { useHistory, useParams } from 'react-router-dom';
function DetailPage(props){
let {id} = useParams();
let history = useHistory();
let test
return(
props.shoes.map(function(a,i){
test = {id}.id //{id}값을 숫자로 치환.
if(a.id == test){ // 배열의 id와 test가 일치하면 해당 객체를 이용하여 페이지생성
return(
<div key={i} className="container">
<div className="row">
<div className="col-md-6">
{a.img}
</div>
<div className="col-md-6 mt-4">
<h4 className="pt-5">{a.title}</h4>
<p>{a.content}</p>
<p>{a.price}원</p>
<Button variant="info">주문하기</Button>
<Button style={{marginLeft : 5 +'px'}} variant="info" onClick={()=>{history.push('/')}}>뒤로가기</Button>
</div>
</div>
</div>
)
}
})
)
}
export default DetailPage
안녕하세요 선생님. 숙제를 하고 결과를 열어봤는데 답안과 좀 다른것같아서요 ㅠㅠ
피드백 받을 수 있을까요?.
기능은 하는것같습니다
