createElement和 cloneElement有什么区别？

React面试题 5月前 0 118

React.createElement和React.cloneElement都是React库中重要的API，它们用于创建和复制React元素。但是它们的用途和工作方式有所不同。

React.createElement：这个函数用于创建一个新的React元素。它接受三个参数：元素类型（可以是HTML标签名，如’div’，’span’等，也可以是React组件），元素的props，以及子元素。例如：
```
React.createElement('div', { className: 'myClass' }, 'Hello, world!')
```
这个函数会创建一个新的div元素，这个元素有一个类名为’myClass’，并包含文本’Hello, world!’。
React.cloneElement：这个函数用于复制一个已经存在的React元素，并可以在复制的过程中改变元素的props。它接受两个参数：要复制的元素，以及新的props。例如：
```
const element = React.createElement('div', { className: 'myClass' }, 'Hello, world!')
const clonedElement = React.cloneElement(element, { className: 'myNewClass' })
```
这个函数会创建一个新的div元素，这个元素和原来的元素相同，但类名被改为’myNewClass’。

总的来说，React.createElement和React.cloneElement都是用于创建React元素的，但前者创建的是全新的元素，后者复制的是已经存在的元素。