React过滤Json数组 //TypeError:includes is not a function [重复]

2024-01-08

this.state.records.filter(record => this.state.id == '' || record.id.includes(this.state.id))

    .map(record=> (

         <ProjectItem key={record.id} project={record} />

         ))

当我这样做时,我收到 TypeError: record.id.includes is not a function,includes is String func 但我的 record.id 无法识别

  constructor(props){

  super(props)

  this.state={

    records:[],

    id:''

   };

我从 axios.get() 获取记录[]


它的意思是,records数组不为空,但不知何故id没有定义。例如:

records = [
  { score: 4.5 },
  ...
];

Or:

records = [4.5, 5.5, ...]

解决方案是检查有效性record.id首先检查它是否包含this.state.id, 像这样:

this.state.records.filter(record =>
  this.state.id == '' || (record.id && record.id.includes(this.state.id))
);

UPDATE: 如果以上方法仍然不起作用,可能是因为您正在 IE 上进行测试。includes在 IE 中不起作用,所以你可能想使用indexOf.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

React过滤Json数组 //TypeError:includes is not a function [重复] 的相关文章

  • C++从文件中读取整数并保存到数组中

    我正在制作一个仅从文本文件读取整数的程序 我想创建一个读取整数并将它们存储在数组中的函数 以便稍后可以使用该数组通过冒泡排序对它们进行排序 这是我到目前为止所得到的 但我得到的输出是一些随机的 803234 数字 void read int
  • 在 javascript 文件中设置 firebase-admin sdk

    我的最终目标是使用用户 ID 获取用户电子邮件 到目前为止 我发现我需要使用 firebase admin SDK 现在我有这个代码 var admin require firebase admin var serviceAccount r
  • 格式化多维数组 Python

    如何编写代码来更改多维数组中每个单独数组的值a出现负值后立即归零 所以里面的第二个数组a有负值 12 34 5 6 88 10 30 75 10 会将其所有值及其后的值转为零 将数组变成 12 34 5 6 88 0 0 0 我怎样才能获得
  • 如何释放字符指针数组?

    我使用此方法将列表中的值转换为数组 以便在 execvp 系统调用中使用 char list2argarray struct shellvalue values int count char array char malloc count
  • 在react-big-calendar中单击事件时添加弹出窗口?

    当单击事件时 我无法将弹出窗口添加到事件中 弹出窗口似乎只显示在事件槽中 而不是显示在事件槽的顶部 此外 由于我为事件创建了一个自定义组件并尝试在自定义组件中实现弹出窗口 因此只有当我单击事件名称时才会显示弹出窗口 这是代码 class C
  • 删除二维数组C++[关闭]

    Closed 这个问题需要细节或清晰度 help closed questions 目前不接受答案 这两种释放二维数组的方法是否相似 int M new int 5 for int i 0 i lt 5 i M i new int 3 fo
  • 使用 mongoose 通过 React 应用程序将图像上传到 mongodb 数据库

    我正在为找到的对象创建一个反应应用程序 我想允许用户上传这些对象的照片 我尝试使用 axios 通过 post 请求将图像发送到猫鼬服务器 但它不起作用 这就是我如何将图像存储在带有预览的 React 组件中 handleImage eve
  • 合并 2 个数组并合并数字键的结果

    我有 2 个数组 我希望通过每个数字键将其中合并 分组在一起 例如 Array1 2009 gt 131 2008 gt 940 2007 gt 176 2006 gt 1 Array2 2008 gt 9 2007 gt 3 我希望输出是
  • 使 Material UI Grid 项目的子项拉伸以适合父容器的剩余高度

    1 现状 我有一个包含 4 个网格项的 Material UI 网格容器 每个 Grid 项中都有一个 Typography 组件 其中包含标题和包含一些内容的 Card 如下所示 2 期望的外观 我希望卡片填充网格项目的剩余高度并且不超过
  • 使用正则表达式搜索 Ruby 数组

    你好 我有一个小的 ruby 函数 它可以分割出一个 Ruby 数组 如下所示 def rearrange arr from to sidx arr index from eidx arr index to arr sidx arr sid
  • 使用 Newtonsoft.Json.NET 搜索 JSON 根对象的正确 JsonPath 表达式是什么?

    大多数例子涉及Stefan G ssner 的书店示例 http goessner net articles JsonPath index html e3 但是我正在努力为简单对象 无数组 定义正确的 JsonPath 表达式 Id 1 N
  • 将数组作为参数传递

    如果我们修改作为方法内参数传递的数组的内容 则修改是在参数的副本而不是原始参数上完成的 因此结果不可见 当我们调用具有引用类型参数的方法时 会发生什么过程 这是我想问的代码示例 using System namespace Value Re
  • p5 向量减法“sub”返回错误

    我一直在尝试将 p5 草图上传到 React 构建中 使用react p5 wrapper 我能够成功在屏幕上渲染画布 但是 某些矢量函数会导致错误 var distance this position dist ball position
  • 如何将变量插入 PHP 数组?

    我在网上查了一些答案 但都不是很准确 我希望能够做到这一点 id result id info array id Example echo info 0 这有可能吗 您需要的是 不推荐 info array id Example varia
  • 使用文本字段同时过滤react-table和react-leaflet标记(在表中显示过滤数据并在地图中显示标记)

    我是反应传单的新手 需要一点帮助来解决我的问题 跟进上一篇文章 https stackoverflow com questions 52557802 how to get the number of map markers per coun
  • TypeScript 枚举到对象数组

    我有一个这样定义的枚举 export enum GoalProgressMeasurements Percentage 1 Numeric Target 2 Completed Tasks 3 Average Milestone Progr
  • 如何在 React 中测试表单提交?

    我有以下 React 组件 export default class SignUpForm extends React Component doSignupForm event Some API call render return div
  • Turbo C 阵列问题

    我只是想问一些关于我的代码的事情 define LIM 40 main int day 0 float temp LIM clrscr do printf Enter temperature for day d day scanf f te
  • 通过传递单个值获取多个索引[重复]

    这个问题在这里已经有答案了 可能的重复 列表索引搜索 https stackoverflow com questions 11292260 list index search 我必须在 int 中获取索引 其中值是相同的 因此我必须在 in
  • 如何在Java中正确删除数组[重复]

    这个问题在这里已经有答案了 我刚接触 Java 4 天 从我搜索过的教程来看 讲师们花费了大量精力来解释如何分配二维数组 例如 如下所示 Foo fooArray new Foo 2 3 但我还没有找到任何解释如何删除它们的信息 从内存的情

随机推荐

  • plotly.js 中的分类轴顺序

    我有一个plotly js 条形图 我试图使 calcategories 轴的顺序正确 每个类别都有一个条形 但有时它们是绿色的 有时是黄色的 条形图应按从最高到最低的顺序排列 但情节似乎是根据不同的填充对它们进行排序 数据 var dat
  • 不可选择的下拉列表

    有没有什么方法可以让下拉列表中没有任何项目可供选择 所以基本上 我只是想用它作为显示 隐藏列表的一种方式 我不想要任何悬停突出显示 也不希望能够更改所选项目 您能否建议这是否可能 或者如果有人有任何其他想法来实现类似的目标 您能否给我指出一
  • 如何更改用户控件的访问修饰符

    我在 xaml 中创建了一个用户控件 将其命名为 View 在 View xaml cs 中 我将类 View 的访问修饰符更改为内部 internal partial class View ViewBase 更改访问修饰符后 编译器会显示
  • 如何在 linux (RedHat 6) 上检查 java 版本

    I am trying to check what java version I have installed in my linux machine I have tried which java 我得到 usr bin java 但是当
  • XAML - 设置样式后文本未显示在我的文本框中

    因此 我在正在开发的应用程序中设置了文本框的样式 突然间我看不到绑定到文本框的任何文本 我觉得我缺少某种 ContentPresenter 无论如何 这是样式
  • 如何对 kubernetes 中运行的 Inception 服务的部署进行故障排除

    我正在关注使用 TensorFlow Serving 和 Kubernetes 服务 Inception 模型 https tensorflow github io serving serving inception html当我尝试从本地
  • 类型没有成员

    我正在 Swift 游乐场上玩一个新课程 由于某种原因 我不断收到错误 该类 没有成员类型 其名称是前面三行定义的常量 这是代码 import Foundation class DataModel let myCalendar NSCale
  • 如何按名称或类型查找 WPF 控件?

    我需要在 WPF 控件层次结构中搜索与给定名称或类型匹配的控件 我怎样才能做到这一点 我将 John Myczek 使用的模板格式与上面的 Tri Q 算法结合起来 创建了一个可用于任何父级的 findChild 算法 请记住 向下递归搜索
  • 如何创建每行库存的二进制矩阵? (右)

    我有一个由 9 列组成的数据框 其中包含一系列因素 每行可以填充全部 9 列 因为该行包含 9 个 东西 但大多数没有 大多数有 3 4 个 这些列也不具体 就像第 200 项出现在第 1 列和第 3 列中一样 这是同一件事 我想为包含所有
  • 为什么文字字符串 """"""" (七个引号)会出错?[重复]

    这个问题在这里已经有答案了 处理客户的输入我们经常使用strip 方法 如果我们想从某个特定集合中删除开始结束符号 我们只需将其全部放入参数中即可 代码 yes strip 显然给出 yes 字符串作为结果 当我尝试删除集合时 结果取决于该
  • 如何使用 OpenGL 将像素数组直接绘制到屏幕上?

    我想将像素直接写入屏幕 不使用顶点和多边形 我调查了类似问题的各种答案 其中最著名的是here https stackoverflow com questions 10040961 opengl pixel perfect 2d drawi
  • 在列表框中找到控件?

  • 关闭 ECSlidingViewController 菜单

    我想以按 菜单 按钮将显示我的菜单并再次按 菜单 将隐藏它的方式实现滑动菜单 但我不明白如何使用 ECSlidingViewController 来做到这一点 将不胜感激任何帮助 ECSlidingViewController 有这样的方法
  • 从 Json 数组中获取数据 Json 数组 Android Java

    您好 如何从另一个 Json 数组中的 Json 数组获取数据我已获取数据直至附件 但附件不起作用 所有代码均有效直至附件如何从附件获取数据我需要从中获取 photo 75 Json response count 3 items id 3
  • 在android中你可以在ui线程之外加载资源吗

    我有一个希望是一个简单的问题 我想知道是否可以安全地从非 ui 线程加载资源 我说的是 res 文件夹中的东西 我只是找不到任何明确回答这个问题的文档 SDK 中有很多与 UI 线程上不允许的内容相关的内容 我从未见过任何提到以这种方式加载
  • heroku rollback 没有更新 HEAD 远程分支,是吗?

    我错误地推送了heroku并使用heroku回滚将其回滚到以前的版本 效果很好 因为我的 Heroku 应用程序现在正在提供回滚版本 但是 当一位拉出 损坏 推送的同事试图在回滚后签出 正确 版本时 他从 master 分支的 git ch
  • 使用 Helm 循环 dotenv 文件行并在 ConfigMap 中渲染为键值对

    我有这个 env file REACT APP API ENDPOINT http api app 8080 REACT APP GOOGLE ANALY xyz1234ezyz 我想从此 env 文件构建一个配置映射 如下所示 apiVe
  • Three.js 克隆 FBX 带动画

    我似乎无法克隆 FBX 模型 FBX 从Mixamo https www mixamo com 同时保留动画关键帧 尝试了多种方法 包括使用cloneFbx https gist github com kevincharm bf12a2c6
  • 删除所有默认文件权限

    我有一个 C 网络应用程序 它提示管理员输入网络代理身份验证信息 我询问用户是否要保存此信息 如果他们选择 是 我会为用户加密一个唯一的本地文件 然后 我想删除除创建该文件的用户之外的所有文件权限 但所有其他用户都能够删除该文件 现在 我在
  • React过滤Json数组 //TypeError:includes is not a function [重复]

    这个问题在这里已经有答案了 this state records filter record gt this state id record id includes this state id map record gt