Turn JSX into React Pre-0.12 function calls
Package: babel-plugin-transform-react-jsx-compat
Created by: babel
Last modified: Mon, 13 Jun 2022 04:05:10 GMT
Version: 6.24.1
License: MIT
Downloads: 301
Repository: https://github.com/babel/babel/tree/master/packages/babel-plugin-transform-react-jsx-compat
Install
npm install babel-plugin-transform-react-jsx-compat
yarn add babel-plugin-transform-react-jsx-compat
babel-plugin-transform-react-jsx-compat
Turn JSX into React Pre-0.12 function calls
Example
In
var profile = <div>
<img src="avatar.png" class="profile" />
<h3>{[user.firstName, user.lastName].join(' ')}</h3>
</div>;
Out
var profile = React.DOM.div(null,
React.DOM.img({ src: "avatar.png", "class": "profile" }),
React.DOM.h3(null, [user.firstName, user.lastName].join(" "))
);
Installation
npm install --save-dev babel-plugin-transform-react-jsx-compat
Usage
Via .babelrc (Recommended)
.babelrc
{
"plugins": ["transform-react-jsx-compat"]
}
Via CLI
babel --plugins transform-react-jsx-compat script.js
Via Node API
require("babel-core").transform("code", {
plugins: ["transform-react-jsx-compat"]
});
