Reaktionen - Erstellen einer „Wenn“ -Komponente… eine gute Idee?

Ich habe in den React-Dokumenten gelesen, dass "if" -Typanweisungen im JSX-Code nicht verwendet werden können, da JSX in Javascript gerendert wird und dies nicht wie erwartet funktioniert.

Aber gibt es einen Grund, warum die Implementierung einer "Wenn" -Komponente eine schlechte Idee ist? Es scheint von meinen ersten Tests gut zu funktionieren, und ich frage mich, warum dies nicht öfter gemacht wird?

Teil meiner Absicht ist es, die Entwicklung von Reaktionen so weit wie möglich auf Markup-Basis zu ermöglichen - mit so wenig Javascript wie möglich. Dieser Ansatz fühlt sich für mich eher wie ein "datengetriebener" Ansatz an.

Du kannstSchaut es euch hier bei JS Fiddle an

<script type='text/javascript' src="https://unpkg.com/react@0.11.0/dist/JSXTransformer.js"></script>
<script type='text/javascript' src="https://unpkg.com/react@0.11.0/dist/react-with-addons.js"></script>

<script type="text/jsx">
/** @jsx React.DOM */
    
var If = React.createClass({
  displayName: 'If',

  render: function()
  {
    if (this.props.condition)
      return <span>{this.props.children}</span>
    return null;
  }
});

var Main = React.createClass({
    render: function() {
        return (
           <div>
             <If condition={false}>
                <div>Never showing false item</div>
             </If>
             <If condition={true}>
                <div>Showing true item</div>
             </If>
          </div>
        );
    }
});

React.renderComponent(<Main/>, document.body);
</script>

Das Ausführen der obigen Ergebnisse führt zu:

Zeige wahren Gegenstand