Return multiple React elements in a method without a wrapper element

Question

I\'m trying to return multiple React elements from a helper method. I could solve it simply by moving around some code, but I\'m wondering if there\'s a cleaner way to solve

Answer 1

This is a bit hacky but it doesn't have unnecessary jsx as you wished.

var author = 'Daniel';
var title = 'Hello';

var Hello = React.createClass({
  _renderAutho0r: function() {
    if (!author) {
      return null;
    }

    return {author}
},

    render: function() {
    var by = author ? ' by ' : null;

        return (
      

        {title}
        {by}
        {this._renderAutho0r()}
      
    );
    }
});

React.render(, document.body);

my JSFiddle