react-virtualized

    1熱度

    1回答

    我試圖使用react-virtualize庫InfiniteLoader顯示一個頂部輸入字段(用於過濾列表條目)的可滾動列表。 我使用的代碼非常接近InfiniteLoader Sample Code。 該清單工作正常,但我不知道如何更改/初始化InfiniteLoadersearchText更改和(完全)新數據應顯示。 流程是這樣的:打開首次 列表,顯示了從redux store(正常工作)的數

    3熱度

    1回答

    我使用react-virualized 9與Autosizer,List和CellMeasurer組件。當列表數據發生變化時,我需要更新行高。看起來,由於版本9中支持React Fiber的更改,CellMeasurer的唯一公共方法現在是measure()。大多數示例使用先前的resetMeasurementForRow()方法。目前的CellMeasurer doc似乎沒有任何有關新的公共方法

    1熱度

    1回答

    在文檔-headerRowRenderer中,但任何人都可以與一些自定義標題標記共享簡單示例,例如自定義title attr +所有「默認」虛擬化功能,如可排序...

    2熱度

    1回答

    正如標題所示,InfiniteLoader不會渲染任何項目。我看起來已經正確設置了一切,並且該集合中有很多要呈現的項目,但是頁面上沒有顯示任何內容。這裏的渲染方法: render() { const rows = this.state.rows const rowsCount = this.state.hasNextPage ? rows.length + 1 : rows.l

    0熱度

    1回答

    我使用的是React-Virtualizer,它看起來好像初始調用加載行的startIndex爲0,stopIndex爲0.如果數組已經有一些項目,那麼startIndex是數組長度,stopIndex是相同的數組長度。我不知道爲什麼會發生這種情況,但顯然這是一個問題。 您可以在這裏看到重複的例子: https://plnkr.co/edit/TP5BTGNA0Me1Rz7Q7Ge9?p=prev

    0熱度

    1回答

    所以我試圖將這兩個模塊集成到我的項目中,並且我在處理其CSS部分時遇到困難。 我的項目是使用postcss將我自己的css文件轉換爲「已編譯的」css文件,每個文件都添加了類名。 react-virtualized和react-select都有自己的CSS文件來定義樣式,但我不明白我可以重寫它們或將它們集成到我的項目中。 我的WebPack CSS配置如下: [ { loader: 'style

    1熱度

    1回答

    當用戶選項卡進入List並且列表獲取焦點時,我想在List的父項旁邊放置一個邊框。如果我可以在列表上調用onFocus/onBlur,那將是非常棒的。有什麼建議?

    0熱度

    1回答

    我正在使用react-virtualized處理數據表,並且遇到此問題。我的目標是將onClick方法添加到單元格中。 我裏面<Table> <AutoSizer disableHeight> {({ width }) => ( <Table width={800} height={600} headerHeight={25} ro

    0熱度

    1回答

    我有一個反應組件,它顯示網格模式中的項目的一維列表。每個項目都有相同的寬度和高度,它們位於三列內。可以有很多這樣的東西,所以我決定使用Masonry組件進行反應 - 虛擬化,這個組件似乎是爲了這個用例而寫的。它的效果很好,但有一點需要注意:如果物品改變高度,我不能讓砌體注意。 這裏的一個減小的例子: constructor(props) { [...] this.cellMea

    0熱度

    1回答

    我是一個超級noob來做出反應,並希望利用虛擬化的反應來進行業餘愛好項目。 開始使用react-virtualized的最快捷方式是什麼?我已經嘗試了create-react-app和NPM install react-virtualized,但是一旦我開始添加新的數據,我就會遇到問題。有什麼建議? 最後,我期待抓住API數據,並將其呈現到現場電網與CoinCap數據顯示現場cryptocurre