Replaces the React.createElement function with babelHelpers.jsx.
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"] });
© 2018 Sebastian McKenzie
Licensed under the MIT License.
http://babeljs.io/docs/plugins/transform-react-inline-elements/