使用es6 map（）的意外令牌

Question

Is there anything wrong with my code below?

render(){
    return (
      var users= this.state.users.map(user => 
        <li key={user.id}>user.name</li>
      )
      <ul>{users}</ul>
    )
  }

I get error: unexpected token.

Answer 1

render() should return only a single element:

render(){
  return (
    <ul>
    {
      this.state.users.map(user => (
        <li key={user.id}>{user.name}</li>
      )
    }
    </ul>
  );
}

Answer 2

It is not clear what you're returning in your code. Either do all logic above your return call, as shown below, or do like Ori Drori does in their answer.

render() {
      var users= this.state.users.map(user => 
        <li key={user.id}>{user.name}</li>
      );

      return <ul>{users}</ul>;
   }
}