| createElement | cloneElement | | --- | --- | | `createElement` là những gì JSX được chuyển đến và là những gì React sử dụng để tạo các React element (đối tượng đại diện của một số UI) | `cloneElement` được sử dụng để sao chép một element và truyền các props mới cho nó. | | `createElement` được sử dụng để mô tả giao diện người dùng trông như thế nào. | `cloneElement` được sử dụng để thao tác với các element. | | createElement yêu cầu type, props và phần tử con làm đối số. | `cloneElement` yêu cầu các elements, props và phần tử con làm đối số. | | Nó tạo và trả về một phần tử mới với kiểu như đã cho trong các đối số. | Nó sao chép và trả về một phần tử mới với các thuộc tính của một phần tử đã cho. | Dưới đây là ví dụ sử dụng `createElement` ```js import React from "react"; import "./styles.css"; const title = React.createElement( "h1", { className: "title" }, "GeeksforGeeks", ); const App = () => React.createElement("div", {}, [ React.createElement("button", { className: "btn" }, title), React.createElement("button", { className: "btn" }, title), ]); export default App; ``` Còn dưới đây là ví dụ sử dụng `cloneElement` ```js import React from "react"; import Button from "./Button"; import "./styles.css"; const App = () => { return ( ; }; export default Button; ```

JSX là gì?