Component화 + 반복문

안녕하세요.

리액트 강좌 Part 2 에서 숙제였던 '상품목록 Component화 + 반복문'을 해설과는 다르게 작성했습니다.

당연히 동작은 하는데,  어떤 방법이 더 좋을까 해서요. 이렇게 사용해도 괜찮은가요?

ㅡㅡㅡㅡㅡㅡㅡㅡ

function App() {

  let [shoes, shoes변경] = useState(shoesData);

  return (
    <div className="App">

      <div className="container">
        <div className="row">
          <Product shoes={shoes} />
        </div>
      </div>
 
    </div>
  );
}

function Product(props) {
  return (
      props.shoes.map((a)=>{
        return (
          <div className="col-md-4">
           
            <h4>{a.title}</h4>
            <p>{a.content} & {a.price} </p>
          </div>
        )
      })
  )
}