معرفی شرکت ها

تبلیغات ما

مشتریان به طور فزاینده ای آنلاین هستند. تبلیغات می تواند به آنها کمک کند تا کسب و کار شما را پیدا کنند.

مشاهده بیشتر

تبلیغات ما

مشتریان به طور فزاینده ای آنلاین هستند. تبلیغات می تواند به آنها کمک کند تا کسب و کار شما را پیدا کنند.

مشاهده بیشتر

تبلیغات ما

مشتریان به طور فزاینده ای آنلاین هستند. تبلیغات می تواند به آنها کمک کند تا کسب و کار شما را پیدا کنند.

مشاهده بیشتر

تبلیغات ما

مشتریان به طور فزاینده ای آنلاین هستند. تبلیغات می تواند به آنها کمک کند تا کسب و کار شما را پیدا کنند.

مشاهده بیشتر

تبلیغات ما

مشتریان به طور فزاینده ای آنلاین هستند. تبلیغات می تواند به آنها کمک کند تا کسب و کار شما را پیدا کنند.

مشاهده بیشتر

توضیحات

Turn JSX into React function calls

ویژگی	مقدار
سیستم عامل	-
نام فایل	babel-plugin-transform-react-jsx-7.0.0-beta.3
نام	babel-plugin-transform-react-jsx
نسخه کتابخانه	7.0.0-beta.3
نگهدارنده	['hzoo', 'loganfsmyth', 'existentialism']
ایمیل نگهدارنده	['hi@henryzoo.com', 'loganfsmyth@gmail.com', 'bng412@gmail.com']
نویسنده	-
ایمیل نویسنده	-
آدرس صفحه اصلی	https://github.com/babel/babel/tree/master/packages/babel-plugin-transform-react-jsx
آدرس اینترنتی	-
مجوز	MIT

# babel-plugin-transform-react-jsx > Turn JSX into React function calls ## Example ### React **In** ```javascript var profile = <div> <img src="avatar.png" className="profile" /> <h3>{[user.firstName, user.lastName].join(' ')}</h3> </div>; ``` **Out** ```javascript var profile = React.createElement("div", null, React.createElement("img", { src: "avatar.png", className: "profile" }), React.createElement("h3", null, [user.firstName, user.lastName].join(" ")) ); ``` ### Custom **In** ```javascript /** @jsx dom */ var { dom } = require("deku"); var profile = <div> <img src="avatar.png" className="profile" /> <h3>{[user.firstName, user.lastName].join(' ')}</h3> </div>; ``` **Out** ```javascript /** @jsx dom */ var dom = require("deku").dom; var profile = dom( "div", null, dom("img", { src: "avatar.png", className: "profile" }), dom("h3", null, [user.firstName, user.lastName].join(" ")) ); ``` ## Installation ```sh npm install --save-dev babel-plugin-transform-react-jsx ``` ## Usage ### Via `.babelrc` (Recommended) **.babelrc** Without options: ```json { "plugins": ["transform-react-jsx"] } ``` With options: ```json { "plugins": [ ["transform-react-jsx", { "pragma": "dom" // default pragma is React.createElement }] ] } ``` ### Via CLI ```sh babel --plugins transform-react-jsx script.js ``` ### Via Node API ```javascript require("babel-core").transform("code", { plugins: ["transform-react-jsx"] }); ``` ## Options ### `pragma` `string`, defaults to `React.createElement`. Replace the function used when compiling JSX expressions. Note that the `@jsx React.DOM` pragma has been deprecated as of React v0.12 ### `useBuiltIns` `boolean`, defaults to `false`. When spreading props, use `Object.assign` directly instead of Babel's extend helper.

نیازمندی

مقدار	نام
7.0.0-beta.3	babel-helper-builder-react-jsx
7.0.0-beta.3	babel-plugin-syntax-jsx

زبان مورد نیاز

مقدار	نام
8.1.4	Npm

نحوه نصب

نصب پکیج tgz babel-plugin-transform-react-jsx-7.0.0-beta.3:

npm install babel-plugin-transform-react-jsx-7.0.0-beta.3.tgz