Что такое "прагма h" в transform-реагировать-jsx?

Question

Я сталкивался с этой конфигурацией здесь https://github.com/developit/zero-to-preact/blob/master/webpack.config.js

plugins: [
    ['transform-react-jsx', { pragma: 'h' }]
]

В документах написано

pragma

строка, по умолчанию React.createElement.

Замените функцию, используемую при компиляции выражений JSX.

Обратите внимание, что прагма @jsx React.DOM устарела с React v0.12

, но не знаю, что«ч» означает!Что это?

Answer 1

По умолчанию babel и т. Д. Преобразуют <div id="hello" /> в React.createElement("div", { id: "hello" });.Вместо этого будет сгенерировано pragma: h, поскольку h("div", { id: "hello" });.

React.createElement, (или h для Preact) - это функция для построения виртуального DOM.