javascript – 映射iterator undefined React.JS

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 映射iterator undefined React.JS，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含722字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试渲染一个列表,但是当我尝试映射列表时,我无法访问每个单独的元素,因为我在ReferenceError中说’e’未定义.我写得对吗？

  render() {
    return (
      <div>
         {console.log(Object.keys(this.props.emojis))} --> Returns the correct list
          Object.keys(this.props.emojis).map(e => (
              {console.log("EMOJI: ",e)}
              <Emoji emote={e} />
          ))
      </div>
    )
 }

解决方法:

像这样写,它会工作：

render() {
    return (
      <div>
           {            
              Object.keys(this.props.emojis).map((e,i) => {
                 console.log("EMOJI: ",e);
                 return <Emoji key={i} emote={e}/>
              })
            }
      </div>
    )
 }

变化：

>您已经在map函数中,因此无需使用{}作为console.log.
>你正在使用map()函数和inside()你正在使用2语句,这是不允许的(),如果你想做一些计算总是使用{},并返回其中的内容.

建议：在动态创建UI项目时始终分配密钥.

如果您需要任何帮助,请告诉我.

内容总结

以上是互联网集市为您收集整理的javascript – 映射iterator undefined React.JS全部内容，希望文章能够帮你解决javascript – 映射iterator undefined React.JS所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---