Replaces the React.createElement function with babelHelpers.jsx.
GitHub · npm · Edit this page
In
<Baz foo="bar" key="1"></Baz>;
Out
babelHelpers.jsx(Baz, {
foo: "bar"
}, "1");
/**
* Instead of
*
* React.createElement(Baz, {
* foo: "bar",
* key: "1",
* });
*/
Deopt
// The plugin will still use React.createElement when `ref` or `object rest spread` is used
<Foo ref="bar" />
<Foo {...bar} />
npm install --save-dev babel-plugin-transform-react-inline-elements
.babelrc (Recommended).babelrc
{
"plugins": ["transform-react-inline-elements"]
}
babel --plugins transform-react-inline-elements script.js
require("babel-core").transform("code", {
plugins: ["transform-react-inline-elements"]
});