React IF component
React component for conditional rendering.
Description
In React component code you can often deal with construction like this (example from here):
var loginButton;if loggedIn loginButton = <LogoutButton />; else loginButton = <LoginButton />; return <nav> <Home /> loginButton </nav>;
With help of React IF component you can replace it with:
return <nav> <Home /> <Node if=loggedIn> <Node then><LogoutButton /></Node> <Node else><LoginButton /></Node> </Node> </nav>;// orreturn <nav> <Home /> <Node if=loggedIn then=LogoutButton else=LoginButton /> </nav>;
Install
- NPM
$ npm install --save react-
Usage
Simple example of react-if-component usage you can find here https://jsfiddle.net/gfdev/s2hahzru/
var React = ReactDOM = Node = ; var Bar = React; var Foo = React; var Index = React; ReactDOM;
License
react-if-component is released under the MIT license.