React inline elements transform

示例

输入

<Baz foo="bar" key="1"></Baz>;

输出

babelHelpers.jsx(Baz, {
  foo: "bar"
}, "1");

/**
 * 替代
 *
 * React.createElement(Baz, {
 *   foo: "bar",
 *   key: "1",
 * });
 */

Deopt

// 当使用 `ref` 或 `object rest spread` 时，插件仍然会使用 React.createElement。
<Foo ref="bar" />
<Foo {...bar} />

npm install --save-dev babel-plugin-transform-react-inline-elements

.babelrc

{
  "plugins": ["transform-react-inline-elements"]
}

babel --plugins transform-react-inline-elements script.js

require("babel-core").transform("code", {
  plugins: ["transform-react-inline-elements"]
});