getting a list of <li> elements from function doesn't render in <ul> in JSX

[etture]

When getting a list of JSX elements from a function in React, make sure there are no async action going on in the render() function. To fetch items from the server, perform the fetch action asynchronously in a separate place, such as `componentDidMount'.