jsx-template-logic.jsx

let { items } = this.props;
let children;

if (items.length > 0) {
  children = (
    <ul>
      {items.map(item =>
        <li key={item.id}>{item.name}</li>
      )}
    </ul>
  );
} else {
  children = <p>No items found.</p>;
}

return (
  <div className='list-container'>
    {children}
  </div>
);