Using map in JSX string literal return

mapinJSX.js

class MyComponent extends React.Component {
  render() {
    return (
      <ul>
      {this.props.listItems.map((item) => {
        return <li>{item}</li>;
      })}
      </ul>
    );
  }
}
// <MyComponent listItems={["one", "two", "three"]}/>