React: jsx extra semicolon bug?

[HelloYie]

When i use semicolon in my jsx code:

render() {
    var imageList = this.state.imagestore || [];
    return (
      <div className="main todos" ref="asdf">
        <ul>
          {imageList.map(function(item) {
            return <li>{item.name}</li>;   {/* The extra semicolon here.  /}
          })};
        </ul>
      </div>
    );
  }

But so strange, it print to my html page:

<ul data-reactid=".0.4">
   <li data-reactid=".0.4.0:0">图片1</li>
   <li data-reactid=".0.4.0:1">图片2</li>
   <li data-reactid=".0.4.0:2">图片3</li>
   <span data-reactid=".0.4.1">;</span>  <!-- The extra span here -->
</ul>

Could somebody tell me why ?

[sophiebits]

It's the semicolon in })}; that you don't want.

[HelloYie]

@spicyj Thank you!