javascript – React – 按对象属性过滤

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – React – 按对象属性过滤，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含684字，纯文字阅读大概需要1分钟。

内容图文

我试图按属性过滤对象,但我无法使其工作.

对象中的数据结构如下：

我通过UID获取数据,然后映射该对象的所有项目,但我无法使过滤器工作.

渲染方法如下所示：

  render() {
    return(
      <div>
        {Object.keys(this.state.dataGoal)
          .filter(key => key.main == true)
          .map( (key, index) => {
            return <div key={key}>
                     <h1>{this.state.dataGoal[key].name}</h1>
                     <p>{this.state.dataGoal[key].main}</p>
                   </div>
          })}
      </div>

我有什么想法我做错了吗？

谢谢你的帮助,
的Jakub

解决方法:

Object.keys返回该对象的键,这意味着它返回一个字符串数组,其中包含该对象中的每个键.

obj = { 'a': 1, 'b': 2 };
Object.keys(obj); // ['a', 'b']

因此,要访问该属性的值,您必须使用该键访问它,在您的情况下,它将是这样的：

filter(key => this.state.dataGoal[key].main == true)

内容总结

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

内容备注

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

内容手机端

---