React 구성 요소를 표시하는 방법

Question

다음 콘텐츠를 다음과 같이 표시할 수 있나요? jsx?

으아악

아니면 React 기능 구성 요소를 작성하는 것이 더 낫습니다:

으아악

Answer 1

두 번째 방법은 더 간단하고 읽기 쉽습니다. 코드를 읽기 쉽게 만들수록 프로젝트 규모가 커지고 관리하기가 더 쉬워진다는 점을 기억하십시오. 또한 이 접근 방식은 React 구성 요소를 구축하는 가장 일반적인 방법입니다.

Answer 2

가장 좋은 방법은 React 구성 요소로 렌더링하는 것입니다.

그 이유는 함수를 사용하는 것만으로도 매우 간단한 구성 요소에서는 여전히 작동하지만 나중에 이를 변경하고 후크와 같은 "React와 유사한" 기능을 더 추가하고 싶을 수도 있기 때문입니다. 그 시점에서는 문제가 발생할 수 있으며 React는 일반적으로 그것이 애플리케이션의 문제를 일으키는 원인이라고 말하지 않습니다. 이런 일이 발생하면 특히 함수가 다른 파일에 있는 경우 오류를 찾는 것이 골치 아픈 일이 될 수 있습니다.

오류 범위를 사용할 때 어떻게 잘못될 수 있는지에 대한 예는 이 문서에서 찾을 수 있습니다.

이 스택 오버플로 답변에 따르면 함수 호출 방식을 사용하는 것이 성능 측면에서 더 빠를 수 있지만 제 생각에는 이 경우 함수를 전혀 사용하지 않는 것이 더 안전한 옵션입니다.

그래서 충분히 조심한다고 생각한다면 아무도 당신을 막지 못할 것입니다. 하지만 문제에 빠지지 않도록 주의하세요. 행운을 빌어요!