过滤器数组在React组件中不起作用

文章/答案/技术大牛

发布

1回答

reactjs、filter

我想排序我的衣服的尺码，但当我点击选择尺码时，不管我选择什么，它仍然是“...Is”我的函数filterProducts有任何问题 function Filter(props) { <div className="filter"> <div className="filter-sort">

浏览 15提问于2021-11-14得票数 1

回答已采纳

1回答

使用函数组件以编程方式过滤，无法获取Filter - react-bootstrap-table-2

react-bootstrap-table

我试图在一个函数组件中使用react bootstrap table 2实现一个自定义过滤器，但是当我使用getFilter函数访问该过滤器时，setFilter不起作用，filter.text仍然为空data={[{ text: "Je suis un test"}]} /> );在这里，即使在setFilter有没有办

浏览 0提问于2020-02-04得票数 2

2回答

从redux react类型脚本中筛选数组对象

typescript、redux、filter、react-redux、include

我正在映射一个通过redux state获得的数组对象。我需要创建一个搜索过滤器，它根据关键字name过滤数组。我正在与这个过滤器作斗争，它就是不起作用，我有点疯狂地尝试各种方法。items包含数组对象，filtered包含来自输入的键入文本，所有这些都可以从redux状态获得，并使用mapStateToProps将它们保存到propsitems: [{name: "bla: "test"case SEARCH: retur

浏览 0提问于2021-03-18得票数 0

1回答

使用自定义钩子，我无法刷新/重新呈现组件。

javascript、reactjs、ecmascript-6

我正在使用一个自定义钩子来创建一个负载更多的功能： const [postsToShow, setPostsToShow] = React.useState([]) const [next, setNext] = React.useState，当设置过滤器时，组件应该重新呈现，但它没有这样

浏览 3提问于2020-08-18得票数 1

回答已采纳

1回答

如何在React状态下切换数组项

javascript、arrays、reactjs、electron、react-state

我试图在React中实现一个简单的过滤器功能。我有6个按钮，每个按钮都有一个值。可以选择按钮，也可以不选择按钮。我只需要得到所有选定的值。我的想法是在单击按钮时将该值写入数组。当第二次单击按钮时，该项将从数组中移除。我尝试了一个函数，该函数获取要切换的数组和项。它检查数组是否已经拥有该项。如果是，则使用过滤器将其移除。如果没有，则使用spread运算符创建一个新数组，其中包含所提供

浏览 7提问于2022-05-10得票数 0

1回答

无论反应的深度如何，都要找到特定的子组件

reactjs

我试图返回一个子组件数组，该数组与父组件中的特定名称匹配。例如： </div> <div>

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

回答已采纳

2回答

我需要一个组件来检查状态，并在另一个组件更改后重新呈现(使用React Hooks)

javascript、reactjs、react-hooks

我有一个包含多个组件的web应用程序，其中两个是过滤器栏和过滤器显示。过滤器显示组件是一个简单的展开面板，默认情况下是打开的，并显示当前处于活动状态的过滤器。以下是过滤器显示中的一些代码：const [expanded, setExpanded] = useState("panel1");中编写代码，但我不知道如何在不引起无限重现的情况下做到

浏览 0提问于2020-03-25得票数 0

2回答

在React中构建可链接的筛选器组件？

arrays、reactjs、filter、react-hooks、react-component

构建可重用、可链接的过滤器组件的最"React"y方法是什么？假设我有另一个产品类别，围巾，都是一个尺寸，但我仍然希望能够重用过滤器组件和名称和可用性的逻辑。有没有一种方法可以将过滤器逻辑和表示JSX模块化/组件化到单独的过滤器组件中，并能够将它们任意链接在一起？，能够插入到任何地方的任何产品阵列中？例如，React组件如何也提供自己

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

3回答

如何在React中从一个组件重新呈现另一个组件

javascript、reactjs

在我的React代码中，我有一个同时呈现Table组件和Filter组件的Employees页面。过滤器代码操作存储在Employees页面中的一些数据，然后通过useEffect更新过滤器的状态。，然后表将使用更新后的数组重新呈现，以仅反映每个筛选器数组的适当部分。但是，当前正在更新数组，但表不会重新呈现。我对React比较陌生，但我的理解是，只要组件

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

2回答

不使用webpack的React.js与Django

django、reactjs

我想在Django项目中开始使用React组件。React只用于项目的某些部分(例如，一些过滤器、搜索框等)。我在中寻找答案，但它对我不起作用，因为我不想使用python-webpack和特别是js-host，因为它将运行额外的过程，并且很难配置和部署。

浏览 2提问于2015-06-17得票数 6

回答已采纳

3回答

如何解决react中的"Invalid hook call“错误

reactjs、react-hooks、formik、react-dom、yup

我正在用Formik和Yup库在react中构建一个基本的表单。表单包含两个字段，电子邮件和密码；这两个字段应从user获取值并在控制台中打印出来。现在我面临的问题是钩子调用错误，即使我在代码中没有使用任何钩子！我已经对这个错误做了研究，并尝试了它提出的所有可能的方法。现在还没什么用。我只运行了react的一个版本，据我所知，我也没有违反钩子规则。有没有人能帮我找出这里的问题？

浏览 44提问于2020-06-07得票数 2

1回答

从映射数组中过滤掉onClick

javascript、reactjs

我正在尝试找出如何过滤出映射数组，并使其余的结果消失在相同的组件中。我用React Router做了同样的事情，因为我可以将结果路由到不同的页面，但我想知道是否有一种方法可以在相同的组件上做同样的事情？我有一个Directory组件(如下所示)，它通过一个数组进行映射，以显示页面上项目的结果。我想要单击其中一个元素并删除其余元素。我试图在相同的组件中加入一个过滤器方法，但是<em

浏览 17提问于2020-11-30得票数 0

回答已采纳

3回答

如果array.filter返回反应中的0，则呈现一些文本？

reactjs

在React组件中的呈现函数中的数组上有一个过滤器： if (item.name.includes(searchText))return true

浏览 5提问于2017-12-20得票数 0

回答已采纳

2回答

添加FloatingMenuButton包解析错误:意外令牌

javascript、reactjs

添加render() {}在return()前与只离开return()有什么区别？我在代码框中更新了我的代码，在那里我没有收到一个错误，在我将它复制到VSCode之后，我收到了以下错误。

浏览 4提问于2020-10-25得票数 0

2回答

搜索筛选器在React.js中不工作

javascript、reactjs、react-native

这是作为index.jsx的第一个组件} this.setState({filter: filter})此处出现“无法读取未定义的属性‘过滤器detail.id} /> } 现在有了另一个组件fil

浏览 2提问于2016-07-20得票数 1

回答已采纳

2回答

世博或反应本地:如何修饰整个屏幕或只是一部分，即使应用程序没有活动

android、react-native、expo、tint

我知道iOS不允许用户在不越狱的情况下这么做，但我相信这至少对安卓来说是可能的。谢谢您抽时间见我。

浏览 9提问于2020-10-02得票数 1

回答已采纳

2回答

关于使用setState向数组添加输入值的问题

javascript、reactjs、react-redux

我正在尝试使用基本的setState输入来更新React中的状态数组。"numEmployees": 0, "locations": [{"zip": ""}], "industryId": "", 我需要将用户在React组件中输入的邮政编码添加到数组中

浏览 103提问于2021-11-22得票数 0

1回答

如何仅使用筛选器功能

react-admin

我创建了一个自定义页面，其中我需要在顶部有一个过滤器工具栏。但它不是一个资源列表页面，它更像是一个分析页面。我自己处理所有数据获取(直接使用react query)。因此，我希望有所有的过滤功能，反应-管理为列表组件(添加/删除过滤器，让它持久存储等)，但没有任何其他功能(资源，排序等)，因为它们不适用于我的情况。我升级了(实际上我正在迁移)从react管理版本2.9。在该版本中，我有一个<Filter>元素，其中声明了我的所有过滤器</e

浏览 6提问于2022-07-27得票数 0

1回答

React :对象作为功能组件中的are子对象无效

reactjs、react-functional-component

我对这个错误做了大量的研究，但是我发现大多数例子都是类组件的错误，我使用的是函数组件！！这是我正在做的React课程的一个要求，我们正在进行第一个项目，另一个要求是仍然不要使用-create :( <script不起作用的代码是：console.log(today); dateFrom:这个代码的结

浏览 6提问于2020-04-21得票数 1

回答已采纳

2回答

如何循环数组并将对象数组中的值输出为“value”和“label”？

javascript、arrays、reactjs、object、ecmascript-6

我将以下数据作为对象数组放在一个单独的文件中 export const usersRowData = [ "id": 1, "geo": { "lng": "-34.4618" }

浏览 140提问于2019-05-03得票数 1

点击加载更多