@unifast/react

Chuyển đầu ra HAST của unifast thành các React element với khả năng ánh xạ component

Tổng quan

@unifast/react chuyển đổi đầu ra HAST (HTML Abstract Syntax Tree) của unifast thành các React element. Nó cung cấp hai hàm chính:

compileToReact() - Cấp cao: biên dịch Markdown/MDX và trả về trực tiếp các React element
hastToReact() - Cấp thấp: chuyển cây HAST thành các React element

Gói này tự động xử lý việc đổi tên thuộc tính từ HTML sang React (class thành className, for thành htmlFor, v.v.) và parse chuỗi CSS style.

Peer dependency: @unifast/node là cần thiết cho compileToReact.

Kế thừa CompileOptions và bổ sung thêm các trường dành riêng cho React.

Thuộc tính	Kiểu	Mô tả
`createElement`	`CreateElement`	Hàm `createElement` của React
`Fragment`	`unknown`	Component `Fragment` của React
`components?`	`ComponentMap`	Map từ tên thẻ HTML sang React component
(tất cả CompileOptions)	-	Kế thừa từ `CompileOptions`

Thuộc tính	Kiểu	Mô tả
`element`	`unknown`	React element gốc
`frontmatter`	`Record<string, unknown>`	Metadata frontmatter đã được parse
`diagnostics`	`Diagnostic[]`	Cảnh báo và lỗi
`stats`	`{ parseMs, transformMs, emitMs }`	Thống kê thời gian (ms)
`toc`	`TocEntry[]`	Mục lục đã được trích xuất

Thuộc tính	Kiểu	Mô tả
`createElement`	`CreateElement`	Hàm `createElement` của React
`Fragment`	`unknown`	Component `Fragment` của React
`components?`	`ComponentMap`	Map từ tên thẻ HTML sang React component tùy chỉnh

type CreateElement = (type: any, props: any, ...children: any[]) => any;

type ComponentMap = Record<string, unknown>;

Các chuỗi CSS style được tự động parse thành các đối tượng style của React (ví dụ, "font-size: 16px" trở thành { fontSize: "16px" }).

Export	Loại	Mô tả
`compileToReact`	function	Biên dịch Markdown/MDX thành các React element
`hastToReact`	function	Chuyển HAST thành các React element
`CompileToReactOptions`	type	Tùy chọn cho `compileToReact`
`CompileToReactResult`	type	Kết quả của `compileToReact`
`HastToReactOptions`	type	Tùy chọn cho `hastToReact`
`CreateElement`	type	Chữ ký của React createElement
`ComponentMap`	type	Map từ thẻ HTML sang component