숙제 해설 : 상품목록 Component화 + 반복문 강의 관련 질문

안녕하세요 다름이 아니라

코딩 습관에 대한 질문이 있어서 글을 남기게 되었습니다.

해당 강의 영상에서 보면

function App에서 반복문 -> Card 호출을 통해 구현하셨는데

저는 function App에서 Shoes 컴포넌트를 호출만 하고

 <div className="container">
        <Shoes shoes={shoes}/>
      </div>

그리고 function Shoes에서 반복문까지 다 구현했습니다.

function Shoes(props) {
  return (
    <div className="row">
      {
        props.shoes.map(function (shoeses, i) {
          return (
            <div className="col-md-4" key={i}>
              <img src={'https://codingapple1.github.io/shop/shoes' + (i + 1) + '.jpg'} width="100%" />
              <h4>{shoeses.title}</h4>
              <p>{shoeses.content} & {shoeses.price}</p>              
              <hr/>
            </div>

          )
        })
      }

    </div>
  )
}

실행 결과는 같아보입니다.

제가 궁금한 것은

실무적이나 협업에 있어서 제 스타일은 혹시 가독성이 떨어지는 코딩스타일 일까요?

숙제하면서 Shoes 컴포넌트에서 return 안에 return을 하는 게 신경쓰였어서

이렇게 질문 남기게 되었습니다.

강의  잘 보고 있습니다.  항상 감사합니다!