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>;
   }
}

使用es6 map（）的意外令牌

2 个答案: