구현한 함수 혹은 라이브러리 모듈을 import할 경우 부모, 자식 중 어디에 호출하는게 현명할까요?

React
1

리액트를 회사 프로젝트에 도입하여 코드 컨벤션을 구축하고 있는데,
import 위치에 관해 고민이 생겨 질문을 드립니다.

  1. 부모 컴포넌트에 import 하여 각 자식 컴포넌트들에게 props로 넘긴다.
  2. 자식 컴포넌트 마다 import 하여 사용한다.

첫번째 코드 예시 )

import "handleComma" from functionModule
import First from "../....."
import Second from "../....."

function Parent() {
  return (
    <>
       <First props={handleComma} />
       <Second props={handleComma} />
    </>
  )
}

두번째 코드 예시 )

import "handleComma" from functionModule

function First() {
 return handleComma("1231312")
}

@@@@@@@@@@@@@@

import "handleComma" from functionModule

function Second() {
 return handleComma("1231312")
}

혹시 위 두 사례 중 성능 면에선 어느 부분이 더 좋은 퍼포먼스를 나타낼까요…?

2

import보다 중요한게
첫번째 코드 예시에서는 props로 넘길 필요가 없는 녀석을 props로 넘기는 것 자체가
구조가 잘못되었습니다.