搜索- componentDidUpdate

文章/答案/技术大牛

发布

1回答

reactjs

当我在一个漂亮的搜索中输入一些东西时，搜索引擎就会工作，但当它删除输入内容时，不幸的是所有内容都消失了，我希望所有的结果都能返回。你能做到吗？componentDidUpdate(prevProps, prevState) { if (prevState.search

浏览 6提问于2020-05-10得票数 0

3回答

在哪里使用componentDidUpdate进行反应

reactjs、react-component

我们可以搜索和排序。我现在不想使用任何插件。 filteredMovies : response.data.results }); componentDidUpdate

浏览 4提问于2020-12-31得票数 0

回答已采纳

1回答

在父组件上调用setstate会强制其子组件上的componentDidUpdate吗？

javascript、reactjs

this.setState({ searchTerm }); 然后 this.props.onSearchChange(this.state.searchTerm</div>} 但这会导致无限循环，其中调用搜索栏的componentDidUpdate，调用其父onSearchChange更新父状态，然后调用搜索栏的componentDidUpdate，再次调用componentDidUpdate

浏览 3提问于2018-03-19得票数 4

回答已采纳

1回答

再次使用搜索和呈现组件

reactjs、react-native

我想要一个搜索框，在搜索之后，我请求并从API和setState获取数据。我在ComponentDidMount中发送我的请求，搜索后，ComponentDidMount不打电话。如果我使用componentDidupdate，我有一个从未完成的for循环。我该怎么办？this.state = { searchString: 'bing bang', }; async componen

浏览 1提问于2018-11-08得票数 1

回答已采纳

3回答

使用componentdidupdate反应上下文

reactjs、lifecycle

我运行的模式是这样的，假设SearchResultsContainer是挂载的，并且某个地方有一个搜索栏设置了输入。SearchResultsContainer input=input} ) componentDidUpdatethis.setState({ }) }这将在调用新的上下文值时调用do

浏览 13提问于2018-11-22得票数 4

1回答

ComponentDidUpdate()导致IOS中的内存泄漏和电池耗尽

react-native、memory-leaks、react-native-ios、asyncstorage

我使用componentDidUpdate()方法在屏幕上显示更新的数据，无论何时执行任何功能，如扫描二维码和存储数据。但是在网上搜索后，我发现在componentDidUpdate()中调用this.setState会产生无限循环。我试图通过在上面的方法中包含prevState来解决这个问题，但是我失败了。如何在没有componentDidUpdate()帮助的情况下更新来自异步存储的状态？componentDidUpdate() { AsyncStorage.getIt

浏览 11提问于2019-02-06得票数 0

2回答

react ComponentDidUpdate上的无限循环

reactjs

我有一个名为Event的模型，在更新事件之后，当我尝试使用componentDidUpdate更新视图更改时，它会一直循环(无限循环)。我搜索并看到有同样问题的人，但我似乎不能让它工作。这是我的componentDidUpdate inside EventComments组件 componentDidUpdate() { .get( "http://localhost

浏览 39提问于2020-07-14得票数 0

1回答

使用componentDidUpdate反应原生搜索框

react-native

我在总是更新componentDidUpdate ()/state的时候遇到了问题。this.props.getApplicants(propID); }); ref="search_box" onSearch={thi

浏览 11提问于2019-09-04得票数 0

回答已采纳

1回答

当我再次单击组件时，如何再次执行componentDidMount？

reactjs、react-redux、react-router

这是我的项目中最重要的部分handleSubmit = values的博客后，url被改变了，但没有得到所有的博客 Blogs具有搜索结果和我用这个解决了问题 comp

浏览 3提问于2021-04-06得票数 1

回答已采纳

1回答

当使用不同的搜索参数推送相同的URL时，如何使组件重新呈现？Redux反应路由器

react-redux、react-router

在我的应用程序中，我有一个名为“列表”的组件，用户可以使用搜索栏来筛选某些类型的列表。只要用户不在列表页面上，一切都能完美地工作。但是，当用户尝试使用列表页面中的搜索栏(而不是主页)时，组件不会重新呈现。我有点理解为什么会发生这种情况，因为DOM没有改变，但还没有找到解决办法。下面是搜索组件中的相关代码 e.preventDefault;

浏览 1提问于2022-10-13得票数 0

回答已采纳

2回答

使用React Redux，当单击侧边栏上的链接(重定向)时，同时清除搜索栏中的输入

reactjs、search、react-redux

我有一个标题组件，其中包括搜索栏，我将它放在App.jsx中，这样每个页面都可以获得这个标题。但现在的问题是，当我单击其他组件侧边栏上的链接进行重定向时，如何同时清除搜索栏中的输入？因为我的header与其他组件是分开的，但是搜索栏在header组件内部，所以我想知道是否有办法连接回header组件中的搜索栏。这样，当我单击其他组件的链接时，我可以将搜索栏的输入重置为空字符串？

浏览 42提问于2020-01-13得票数 0

1回答

如何在React中让一个表单多次提交？

javascript、reactjs

另外，我还有一个导航栏(也是一个组件)，里面有一个输入文本来进行搜索。导航栏就是这样的。query" /> );此外，在表单之后还有一个重定向，因此当您键入内容并按enter时，它将重定向到搜索模块以执行搜索一切正常，但如果我进行搜索，然后单击搜索结果，然后再次单击搜索，表单不会提交，除非我更改搜索内

浏览 14提问于2019-10-30得票数 1

1回答

如何在react和redux中调用componentDidUpdate()中的动作和设置状态(防止无限循环)

reactjs、redux

q=${searchValue}`); }; this.props.actions.searchAssets({ page: 0, searchString: q });现在的问题是，每当我再次搜索时，假设最初我搜索了“图像”，在得到结果后，我删除了顶部导航中的文本，再次搜索了文本“下载”，我没有得到来自后端的任何响应。现在我想解决这个问题 componentDidUpdat

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

回答已采纳

1回答

React 16 : componentDidUpdate警告:计划级联更新

performance、reactjs、redux、react-redux、google-chrome-devtools

(Committing Changes) Warning: Lifecycle hook scheduled a cascading update 这些消息意味着什么?

浏览 4提问于2017-12-01得票数 17

3回答

componentDidUpdate()一直被无限地调用

reactjs

我是新手，我有这个搜索组件，它根据用户输入的值更新搜索结果： this.setState({ }); componentDidUpdate当组件在component

浏览 4提问于2021-05-11得票数 0

回答已采纳

1回答

用于特定用例的componentWillReceiveProps的替代方案

reactjs、redux、react-router、lifecycle、react-component

由于不推荐使用componentWillReceiveProps，我听说了使用componentDidUpdate的替代方法，但问题是，在状态更改时也会调用componentDidUpdate。用例1:我的页面顶部有一个搜索栏，当用户在搜索栏中输入并单击搜索按钮时，所有其他组件都必须执行某些操作。因此，当搜索字符串时，我常常在redux中设置状态。每次调用componentWillReceiveProps时，我都会执行特定的操作，因为如果用户删除了搜索的字符串，并重新键

浏览 0提问于2019-08-16得票数 1

回答已采纳

3回答

添加搜索栏和传单-地理搜索

javascript、reactjs、maps、react-leaflet

我正在尝试使用leaflet-geosearch在我的传单地图中添加一个搜索栏(react-leaflet)}；MapControl.prototype.componentDidMount =函数componentDidMount() { -> -> }；MapControl.prototype.componentDidUpdate=函数componentDidUpdate(prevProps)

浏览 0提问于2018-07-12得票数 0

1回答

在react中使用history.push()时为什么要重新加载页面

reactjs、browser-history

我像这样使用history.push，但我的响应没有显示在页面开始重新加载的列表中： event.preventDefault() console.log(props) props.history.push(`?phrase=${searchValue}`)

浏览 4提问于2019-12-23得票数 0

1回答

为什么我不能从componentDidUpdate内部设置状态，即使有条件？

reactjs

我正在比较componentDidUpdate中的属性，并尝试更新状态，然后获取一些数据(这取决于一些状态参数)。componentDidUpdate(prevProps) { if (prevProps.location.search.split("?description=")[1] !沙盒：https://codesandbox.io/s/0y8cm 要评估错误，请执行以下操作:使用导航栏搜索其中一个实体。检查控制台以查看状态。在导航栏中对同一实体执行另一次搜

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

回答已采纳

3回答

反应导航:组件没有卸载到pop或back按钮5775上

javascript、reactjs、react-native、react-navigation

当我从包含公司列表的Home组件导航时，我遇到了问题，我按下按钮加载Company视图，数据被加载，但是当我按回Android返回主页时，当我在另一个公司按钮中加载它的详细信息时，我用相同的先前数据呈现相同的视图，这意味着组件没有被更新/卸载。const drawerConfig = { contentComponent: SideMenu,} {

浏览 0提问于2019-04-05得票数 1

回答已采纳

点击加载更多