什么是" pragma h"在transform-react-jsx中?

时间:2018-05-31 17:12:13

标签: reactjs preact

我在https://github.com/developit/zero-to-preact/blob/master/webpack.config.js

面对此配置
plugins: [
    ['transform-react-jsx', { pragma: 'h' }]
]

文档说

  

附注

     

string,默认为React.createElement。

     

替换编译JSX表达式时使用的函数。

     

请注意,自React v0.12起,@ jsx React.DOM编译指示已被弃用

但没有关于什么' h'手段!它是什么?

1 个答案:

答案 0 :(得分:6)

默认情况下,babel等会将<div id="hello" />转换为React.createElement("div", { id: "hello" });pragma: h将生成h("div", { id: "hello" });

React.createElement,(或Pre {的h)是构建虚拟DOM的功能。