使用es6 map（）的意外令牌

Question

我的以下代码有什么问题吗？

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

我收到错误消息：意外令牌。

Answer 1

render()应该只返回一个元素：

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

Answer 2

目前尚不清楚您要在代码中返回什么。 如下所示，要么在return叫上方执行所有逻辑，要么像Ori Drori在回答中所做的那样。

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

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