선생님 .. 갑자기 에러가 나는데여 ...

[박지윤]

# DetailPage

import React, { useEffect, useState } from 'react'
import { Container, Col, Row, Button } from 'react-bootstrap'
import { useParams } from 'react-router-dom'
import styled from 'styled-components'
import { useDispatch } from 'react-redux'
import { addItem } from '../store'

let Discount = styled.div`
background-color: #ffff00b9;
`

const DetailPage = (props) => {
let [discount, setDiscount] = useState(true)
let [num, setNum] = useState('')
let dispatch = useDispatch();

useEffect(()=>{
let time = setTimeout( ()=>{ setDiscount(false) }, 2000)
return ()=>{
clearTimeout(time)
 }
 }, [])
useEffect(()=>{
if(isNaN(num) == true){
alert("숫자만 !")
 }
 },[num])

let {id} = useParams();
let findItem = props.shoes.filter((x)=> x.id === id);
console.log("finditem",findItem[0].title)
 

return (
<div>
<Container className='detail-container'>
{
alert == true ? 
<Discount>2초 이내 구매시 할인</Discount>
 : null
}
<Row>
<Col className='img-detail'>
< img src={props.img[id]} alt="detail img" />
</Col>
<Col className='buy-detail'>
<input onChange={(event)=>{setNum(event.target.value)}} />
<h4 style={{margin:'50px'}}>{findItem[0].title}</h4>
<p style={{margin:'50px'}}>{findItem[0].price}</p>
<Button variant="danger" className='btn-detail' onClick={()=>{
dispatch(addItem({id:2, name:'BUFFALO CLD CORIN GRADIENT SNEAKER', count:4},))
 }}>Buy</Button>{' '}
</Col>
</Row>
</Container>
</div>
 )
}

export default DetailPage

--------------------------------

위 내용으로 코드를 전에 썻을 때는 잘 나왔는데 갑자기 에러가 떠요 


--------------------
# MainPage

<div>
<div className='main-bg'></div>
<div className='all-card'>
<Container>
<Row>
{
props.shoes.map((a, i)=>{
return(
<Col sm={3}>
<Card shoes={props.shoes[i]} i={i+1}/>
</Col>
 )
 })
}
</Row>
</Container>
<button onClick={()=>{
axios.get('https://codingapple1.github.io/shop/data2.json')
 .then((result)=>{
let copy = [...props.shoes, ...result.data]
console.log(copy)
props.setShoes(copy)
 })
 .catch(()=>{
console.log("실패 ㅜㅜ")
 })
 }}>버튼</button>
</div>
</div>
 )
}

export default MainPage


메인 페이지에서는 이렇게 썻는데 에러가 왜 나는건지 이유를 모르겠어요

[codingapple]

DetailPage로 props 잘 보냈나 확인해보고 .title 왼쪽에 있는거 있나 출력해봅시다

[글쓴이]

글