babel-plugin-transform-jsx-condition
Support of transform jsx condition directive.
Example
In
// input code
<View x-if={condition}>First</View>
<View x-elseif={another}>Second</View>
<View x-else>Third</View>
Out
{
createCondition([
[
() => condition,
() => <View}>First</View>
],
[
() => another,
() => <View}>Second</View>
],
[
() => true,
() => <View}>Third</View>
],
])
}
Installation
$ npm install babel-plugin-transform-jsx-condition
Usage
.babelrc
(Recommended)
Via .babelrc
{
"plugins": ["transform-jsx-condition"]
}
Via CLI
$ babel --plugins transform-jsx-condition script.js
Via Node API
require("babel-core").transform("code", {
plugins: ["transform-jsx-condition"]
});