javascript - 使用 es6 map() 出现意外标记

标签 javascript reactjs ecmascript-6

我下面的代码有什么问题吗?

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

我收到错误:意外的 token 。

最佳答案

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

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

关于javascript - 使用 es6 map() 出现意外标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41243363/

相关文章:

javascript - 使用数据对象的变量创建一个 js 文件 - Silverstripe 3.1

javascript - 显示 javascript 函数的值

reactjs - 使用 redux-persist 和 redux thunk

javascript - 尝试呈现 "loading"提示,但数据一旦准备好

javascript - 为什么现在字符串模板比字符串连接更受欢迎?

javascript - 回调如何在带有异步 waterfall 的 Javascript 中工作

javascript - react native : How to define a javascript class

javascript - 如何从javascript es6中的类中的其他类调用方法?

javascript - ES6 中是否有命名符号的约定?

javascript - Coda 2 中 Javascript 和 Jquery 的自动完成提示