본문 바로가기
Development/React

[React] cloneElement vs createElement 차이

by 이윤학 2023. 1. 28.

 

 

React Interview (리액트 면접 질문) [31 ~ 40] | Olaf's blog

React Interview 원작자인 sudheerj 의 동의를 구하고 진행하는 번역본 입니다 :) 처음 해보는 번역이라 어색한 문맥이 많습니다 :) .. What is the difference between createElement and cloneElement?(createElement와 cloneElem

appear.github.io

 

 

[React] React.cloneElement 사용 사례

React.cloneElement를 어디다 사용하는지 알아봅니다. 해당 글의 번역입니다 : https://blog.logrocket.com/using-react-cloneelement-function/ Using the React.cloneElement() function to clone elements - LogRocket Blog In this in-depth tutor

itchallenger.tistory.com

 

 

What Is The Difference Between CreateElement & CloneElement in React ?

In this tutorial, We'll share What is the difference between createElement and cloneElement in rectjs? JSX elements will be transpiled to React.createElement()

morioh.com

 

해석해보면 이러하다.

 

createElement와 cloneElement의 차이점은 무엇입니까?

JSX 요소는 React.createElement()UI의 객체 표현에 사용될 React 요소를 생성하는 함수로 변환됩니다. 반면 cloneElement요소를 복제하고 새 소품을 전달하는 데 사용됩니다.

 

또한 스택오버플로우에 따르면 JSPerf 테스트를 한 결과 브라우저마다 상이하지만 cloneElement가 creatElement보다 두배이상 빠르다고한다.

성능상으로나 의미론적으로 cloneElement를 사용하는것이 맞겠다.

 

React createElement vs cloneElement

Can anyone let me know if using cloneElement (on exist element instance) or createElement (on react Element class) which one is better in term of performance? Sometimes cloning something is faster...

stackoverflow.com