React To Do列表筛选器

文章/答案/技术大牛

发布

1回答

javascript、reactjs

对于我的待办事项列表，我有一个有效的过滤器。但是，由于我似乎无法在不使用改变状态的函数的情况下让它工作，所以我想提供更多的代码。基本上，我使用了一个名为Filter的组件，该组件呈现用于显示过滤列表(全部、活动、已完成)的实际按钮。然后，此筛选器将onClick事件作为属性传递给App.tsx。import React, { Component } from 'react'; import { BrowserRouter as Router, Route } from

浏览 20提问于2020-04-08得票数 0

回答已采纳

1回答

单击特定列中的字段时，链接到另一个列表(不是完整列表，结果仅满足某些条件

react-admin

即时通信工具使用 "react": "^16.13.1", "react-admin": "^3.6.0", 我尝试做的是，当单击特定列的字段(列表A)时，转到另一个列表B。例如，列表A包含列(ProductId、ProductModel、产品版本、库存、缺货、处置) 如果单击“有库存”字段，则必须转到按该行的产品Id过滤的列表B，状态为“有库存”。如果单击了“脱销”字段，则必须转到按该行的产品Id过

浏览 9提问于2020-08-16得票数 0

1回答

如何在接收到的属性上重置组件中所有JSX元素的类名？

javascript、reactjs、filter、ecmascript-6、jsx

我正在尝试创建一个容器组件，它将保存筛选器数据，并将其向下传递到一个将呈现已筛选列表的组件。这个容器组件从一个父组件获取数据。筛选器工作正常，并正确传递已筛选的列表。我的问题是，如果我的容器组件渲染了一个数据集，并切换到一个具有类似过滤器名称的不同数据集，那么我用于活动过滤器的类将不会重置，因为React不会重新渲染不会更改的过滤器。例如，数据集1具有筛选器: hasNumbers，hasLette

浏览 4提问于2017-06-17得票数 0

回答已采纳

1回答

ActiveAdmin指定筛选器表单url

ruby-on-rails-4、activeadmin

我正在显示在线用户列表。我必须根据用户模型字段显示每个用户类型的范围和筛选器的用户列表。另外，我需要在另一个页面上显示在线用户的列表。User(dropdown)=> Online UsersActiveAdmin.register User, as: 'User' dourl: '/admin/online_users' action

浏览 6提问于2015-09-29得票数 1

2回答

使用列表流过滤器和for循环

java、list、java-stream

在java 8中，您现在可以使用列表上的筛选器来根据您提供的Predicate获取另一个列表。所以假设我有正常的循环逻辑，如下所示 if(p.getName().Equals("John")){ .collect(Collectors.toList()); for(Per

浏览 1提问于2015-04-10得票数 3

回答已采纳

2回答

过滤状态在不移除数据的情况下进行反应

javascript、reactjs

我正在尝试制作一个react组件，它可以根据从下拉框中选择的值来筛选列表。因为setState从数组中删除了所有数据，所以我只能过滤一次。如何过滤数据并保持原始状态？我想做的不仅仅是一次搜索。数组列表：tree: [ id: '1', files: [筛选之后，所有不匹配的内容都会从状态中删除：

浏览 0提问于2019-01-13得票数 3

回答已采纳

1回答

如何在react-admin的列表视图中添加一个永久的过滤功能？

javascript、reactjs、react-admin

在react-admin列表视图中，我只想显示status值大于2的记录。status是一个自定义字段。react-admin文档的permanent filter部分(请参阅)仅引用静态筛选器，该筛选器检查特定的字段值，如 export const PostList = (props) => (

浏览 14提问于2020-02-13得票数 3

回答已采纳

3回答

使用reactjs重置或清除输入字段

javascript、reactjs

我有一个react组件，它可以在列表上执行筛选器搜索，但是如果我向输入字段添加一个可以在setState中设置的值属性，然后它会停止onChange的工作，就像在列表上执行筛选器搜索一样，那么我想用一个按钮清除输入域"uk-width-1-1" onChange={this.handleChange} /> <button className="uk-button uk-width-1-1" onClick

浏览 16提问于2016-09-13得票数 2

回答已采纳

3回答

反应查询选择器

reactjs、react-query

我想知道react query是否有选择器特性。例如，我使用react query来获取一个帖子列表，并且只希望过滤已完成的帖子。我希望缓存筛选结果，所以下次我再次过滤列表时，它可以返回缓存。

浏览 5提问于2020-10-27得票数 0

1回答

使用选择器进行React/ Redux选择筛选和排序

javascript、reactjs、redux、react-redux、reselect

我有一个项目列表，我希望用户能够按属性进行排序和筛选。我认为使用选择器是最有效的方法来做到这一点，虽然我不确定具体如何？理想情况下，我希望用户从列表上方的下拉列表中选择一个属性，然后将该属性的实际值输入到文本字段中，该字段将使用这两个参数触发筛选选择器。例如，在汽车列表中，用户希望通过"make“过滤，从而从其他属性列表中选择"make"，例如"make”、"model“、”放年“等，

浏览 0提问于2020-07-27得票数 3

回答已采纳

1回答

KendoReact网格复选框过滤器

reactjs、kendo-react-ui

GridColumnMenuCheckboxFilter组件包含在kendo-react-grid中，用于提供用于筛选列数据的复选框列表。但是，该文档仅展示了如何将其用于硬编码数据。是否可以使用网格组件数据来填充复选框筛选器？field="Discontinued" filter={'boolean'} columnMenu={ColumnMenu} /> </Grid> ColumnMenu： import * as

浏览 43提问于2020-09-21得票数 0

回答已采纳

1回答

如果我只是在提交时调用一个函数，那么应该使用表单标记来反应吗？

reactjs

我正在创建一个应用程序，其中包含搜索结果列表(SearchResultsComponent)和下拉筛选器(FiltersComponent)。SearchResultsComponent根据在FiltersComponent中选择的过滤器筛选其搜索结果的列表。SearchResultsComponent保留选择筛选器的状态。我的问题是，将FiltersComponent的筛选器选择部分封装在表单标记中是否有意义，因为它实际上并不是提交

浏览 1提问于2017-04-10得票数 3

回答已采纳

1回答

使用Redux重新应用操作/操作历史记录

redux

我在我的应用程序中使用Redux (with React)来处理状态。我有以下情况：再次应用筛选器以显示小于10个字符

浏览 3提问于2016-04-18得票数 1

回答已采纳

1回答

是否有任何方法禁用过滤器查询参数的持久行为？

react-admin

你所期待的：React-admin使用URL中的filter查询参数来确定要应用于列表的过滤器。例如，我们有查询url 一旦用户设置了过滤器，react就会将过滤器值保存在应用程序状态中，这样当用户返回到列表时，他们应该会看到筛选过的列表。这是

浏览 3提问于2022-09-05得票数 0

回答已采纳

2回答

实现订单排序

java、spring、spring-boot、spring-data

当拖动一个过滤器时，我想对Spring端点中分配给终端的过滤器列表进行排序，如果重新计算所有过滤器的顺序。filterService.save(filter);} 但正如您所看到的，我只是根据终端id迭代了过滤器列表

浏览 28提问于2019-06-13得票数 1

2回答

在React中过滤数据的最佳方式是什么？

reactjs、state、filtering、use-state、use-reducer

我还需要通过URL传递筛选器值，我认为应该使用路由器。这个问题是关于React生态系统，以及在React应用程序中构建代码的最干净、最简单和最好的方法。

浏览 1提问于2021-02-10得票数 0

1回答

如何将复选框状态从Sidebar组件传递到MainContent组件以刷新页面

javascript、reactjs、typescript、react-router

i希望根据筛选器的选择刷新MainContent组件。import styled from 'styled-components'import ErrorBoundary from 'components/Common

浏览 1提问于2020-12-04得票数 0

回答已采纳

1回答

将筛选器属性传递给父组件

javascript、reactjs、filter、redux

父级父级 events.length === 0 ?} </div> })然后在return内部显示如下： {carrier.organiza

浏览 3提问于2017-10-05得票数 1

回答已采纳

1回答

如何禁用排序的QueryString参数(反应路由器)？

javascript、reactjs、react-router、query-string

但是react路由器总是对查询参数进行排序，并在URL中显示按字母顺序排序的查询字符串。如何在反应性路由器中禁用此排序功能？

浏览 2提问于2017-01-31得票数 0

1回答

Facebook React.js:如何在服务器上呈现有状态组件？

reactjs、isomorphic-javascript

我想我在概念上遗漏了使用React.js进行服务器端渲染的东西。我想要一页：

浏览 2提问于2014-01-07得票数 29

回答已采纳

点击加载更多