cost 66 ms
反應在其中一個子組件中生成圖像時如何在整個屏幕頂部顯示圖像

[英]React how to display an image on top of the entire screen when the image is generated in one of the sub-components

我在其他一些組件中使用第三方組件(react-infinite-scroll-component)來顯示對象列表,其中一些包含圖像。 我想要做的是當用戶點擊圖像時,圖像將全屏顯示,應該覆蓋整個桌面屏幕。 現在的問題是我確實以某種方式使圖像“全屏”,但它只是填充了該圖像所在的 react-infini ...

如何獲取視口中可見項目的索引?

[英]How to get the index of items visible in the viewport?

伙計們,我正在構建一個聊天應用程序。 目前,我正在開發一項功能,當用戶滾動時,將根據視口區域中可見消息的日期將粘性日期顯示在頂部。 但我不知道如何獲取視口中可見的最后一項的索引。 這是代碼框這是代碼 ...

React 應用程序在無限滾動實施后不會重新呈現

[英]React app not re-rendering after infinite scroll implementation

大家好,希望有人能幫我解決一個問題。 我構建了一個 function,它從后端獲取用戶帖子並將它們作為響應返回: 這個 function 被useEffect調用,並且每當帖子被提交、喜歡、評論等時也會被調用,因此用戶的帖子每次被修改或添加時總是重新呈現。 在我決定對我的應用程序實施Infinite ...

下一個道具在 react-infinite-scroll-component 中不起作用

[英]next prop not working in react-infinite-scroll-component

無限滾動組件位於表格中,它位於可滾動頁面內。 我嘗試將id="scrollableDiv"賦予頁面中的每個 div 以及 index.html 中的<html>仍然沒有用。 當我刪除scrollableTarget="scrollableDiv"時,fetchdata 工作直到底部的父滾 ...

當我滾動到屏幕的一半時,我希望我的反應組件加載更多數據

[英]i want my react component to load more data when i scroll to half of my screen

我正在創建一個 React 項目,我通過調用 api 和 api 來渲染數據,每次都會給我長度為 10 的數據數組。我正在使用react-infinite-scroll-component來使用無限滾動功能。 每當我在屏幕的一半滾動時,我都想加載數據,我不想在屏幕上顯示加載器。 任何人都可以幫助我。 ...

“react-infinite-scroll-component”在調用一次后停止工作(loadMore 只調用一次)

[英]“react-infinite-scroll-component” Stopped working after one call (loadMore only gets called once)

我使用 react-infinite-scroll-component 庫進行分頁,但即使 hasMore 為真,loadMore 也會被調用一次。 請幫我解決這個問題,我做錯了什么? ...

react-infinite-scroll 在 Material UI Drawer 中不起作用

[英]react-infinite-scroll not working inside Material UI Drawer

我目前正在使用 react-infinite-scroll-component 對某個帖子的評論進行分頁。 評論部分有一個按鈕,它顯示了一個應該顯示分頁評論的抽屜。 問題是,react-infinite-scroll-component 不起作用,因為它不會觸發“下一個”功能。 這是代碼: 抽屜主要 ...

如何在使用 React Infinite Scroll Component 時永久顯示 Y 滾動條?

[英]How can I permanently display Y scroll bar while using React Infinite Scroll Component?

我之前嘗試過使用overflow-y: scroll; 在父 div 中,確實永久顯示了 y 滾動條,但它阻止了 React 無限滾動組件觸發“下一個”function。 我想這樣做的原因是,沒有它,屏幕在瀏覽網站時會閃爍。 這是由於滾動條在沒有結果時隱藏(在加載過程中,某些頁面沒有很多結果),而 ...

如何在 Material-UI 對話框模式中使用 react-infinite-scroll-component?

[英]How to use react-infinite-scroll-component inside a Material-UI Dialog modal?

我在項目中使用 react-infinite-scroll-component ,它在對話框之外工作正常。 當我滾動到頁面底部時,會從服務器獲取下一組數據,但我無法在 Material-UI 對話框中獲得相同的操作。 這是對話框代碼: 日志沒有顯示我到達第二頁,它只是在我到達后端定義的前 30 個 ...

React Scroll - 在 NavBar 中使用 React Scroll to 滾動到特定組件

[英]React Scroll - Using React Scroll to in NavBar to scroll to specific component

我正在嘗試在導航欄中使用反應滾動,以便在單擊任何導航元素時能夠滾動到特定組件。 我一直在嘗試遵循代碼,但我似乎無法完全理解它。 我在這里找到了一個很好的答案單擊導航欄鏈接時如何滾動到特定的目標組件但我對此有點困惑。 下面是我自己的代碼,我希望將其保留為 function,而不是將其更改為 class ...

使用 react-infinite-scroll 和 react 掛鈎時如何刪除可重復的 API 結果

[英]How to remove repeatable API results when using react-infinite-scroll and react hooks

我正在使用react-infinite-scroll-component庫和randomuser.me api。 我可以獲取數據並且無限滾動工作得很好,但我遇到的問題是,由於組件在每次滾動時都會發出請求,所以我得到了可重復的結果。 我找到了一種解決方法,它刪除了相同的 arrays,但它無法與無限滾 ...

如何使用帶有鈎子的 React Infinite Scroll

[英]How to use React Infinite Scroll with hooks

第一次使用react-infinite-scroll-component並且正在努力使其按預期工作。 目前,它在獲取前 2 個項目(這是我想要的)之后調用 loadMore 方法,但隨后它會加載接下來的 3 個項目(它應該只加載 2 個)並且不會再次調用 loadMore 方法。 誰能看到我哪里出 ...

使用來自鈎子 state 的數組反應無限滾動

[英]React infinite-scroll with array from hook state

我在我的 React 組件中設置react-infinite-scroller時遇到了麻煩。 我不想通過 API 直接在我的組件中使用loadMore獲取數據,因為我已經從我的 IndexedDB 中獲取了它。 所以我想使用我的 Array dbScans (帶有對象的數組)並希望最大滾動。 數組的 ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM