Ternary vs Non render functions

non ternary render.jsx

React.createClass({
  displayName: 'SearchSuggestions',

  propTypes: {
    suggestions: React.PropTypes.array.required
  }

  renderNoSuggestions () {
    return (
      <h3>No suggestsions found.</h3>
    );
  },

  renderSuggestions () {
    return this.props.suggestions.map((suggestion) => {
      return (
        <div>{suggestion.name}</div>
      );
    })
  },

  render () {
    let content;
    if (this.props.suggestions.length) {
      content = this.renderSuggestions();
    } else {
      content =  this.renderNoSuggestions();
    }

    return (
      <div className="container">
        <h1>Search Suggestions</h1>
        {content}
      </div>
    );
  }
});

ternary render.jsx

React.createClass({
  displayName: 'SearchSuggestions',

  propTypes: {
    suggestions: React.PropTypes.array.required
  }

  renderNoSuggestions () {
    return (
      <h3>No suggestsions found.</h3>
    );
  },

  renderSuggestions () {
    return this.props.suggestions.map((suggestion) => {
      return (
        <div>{suggestion.name}</div>
      );
    })
  },

  render () {

    return (
      <div className="container">
        <h1>Search Suggestions</h1>
        {this.props.suggestions.length ? this.renderSuggestions() : this.renderNoSuggestions()}
      </div>
    );
  }
});