Была поставлена задача реализовать свою JSX factory. Из документации React мы знаем, что JSX транспилируется в вызов функции React.createElement(type,props,child)
, где child выражено rest параметром (передает через запятую массив потомков). Но каким образом сравниваются текущее и новое древо? Ведь это абсолютно обособленные объекты.
import React, { Component } from 'react';
class App extends Component {
render() {
return (
<div>
<p>It's</p>
<p>OK</p>
</div>
);
}
}
export default App;
Кроме того, что является критерием невозможности частичного рендеринга без поля key в перечислении? Мы же можем поставить два блока p подряд и ничего страшного не произойдет...