신발 cannot read properties of undefined 에러

[rudgks]

props.신발[0]은 멀쩡히나오는데.. props.신발[id]가 계속에러가나네요..

 <Switch>
        <Route exact path="/">
          <div className={'jumbo'}>
            <p>20% sale</p>
            <Button variant="warning">learn more</Button>{' '}
          </div>
          <div className="container">
            <div className="row">
              {
                신발.map(function (a, i) {
                  return (
                    <Odal 신발={신발[i]} i={i} key={i} />
                  )
                })
              }
            </div>
          </div>
        </Route>

        <Route path="/detail/:id">
          <Detail 신발={신발}/>
        </Route>

      </Switch>

 

 

 

import React, { useState } from 'react';
import { useHistory, useParams } from 'react-router-dom';

function Detail(props) {
    let { id } = useParams();
    let his = useHistory();
    return (
        <div className="container">
            <div className="row">
                <div className="col-md-6">
                    <img src="https://codingapple1.github.io/shop/shoes1.jpg"/>
                </div>
                <div className="col-md-6 mt-4">
                    <h4 className="pt-5">{props.신발[id].title}</h4>
                    <p>{props.신발[0].content}</p>
                    <p>{props.신발[0].price}원</p>
                    <button className="btn btn-danger">주문하기</button>
                    <button className="btn btn-danger" onClick={() => {
                        his.goBack();
                    }}>뒤로가기</button>
                </div>
            </div>
        </div>

    )
}
export default Detail;

[codingapple]

url 접속할 때 /detail/1 이렇게 접속해야할듯요 

[글쓴이]

글