问题标签 [react-window]

我正在尝试将 reac-window 与Autocomplete一起使用。

这是代码库：

根据文档，我需要确保容器的角色属性设置为列表框。

我认为这是问题所在，但我不确定我的代码有什么问题？

谢谢

我正在尝试键入以下两个传递给 Row 函数的参数。

因此，以下代码片段将 index 和 style 参数推断为 type any。我试图将索引的类型内联为数字，但编译器说索引未定义。

任何想法如何为这两个参数提供类型。react-window 有自己的 d.ts 文件。这是工作代码框 - https://codesandbox.io/s/infinite-scroller-52b7d?file=/src/Scroller.tsx

我正在尝试为具有材料 UI 的城市制作一个选择元素。问题是我需要与该元素上方的文本字段具有相同的设计。我使用了以下

在单击元素之前

这给了我完美的视觉输出，并且通常效果很好。唯一的问题是速度很慢，因为城市数组包含 200 多个城市。我应该怎么做才能以更快的渲染获得相同的视觉效果？

我有一台 Windows 机器和一台非常旧的 Mac Book。我正在尝试设置 React Native，以便我可以在 Windows 机器上进行开发并使用 MacBook 来构建、运行模拟器、调试等。我找不到任何有关此特定设置的官方文档。请问这是以前做过的吗？

任何建议都非常感谢。谢谢你。

我应用了 react-window 设置，但我不知道为什么它不会显示单元格的结果。

这就是我为反应窗口渲染孩子的方式

这就是我如何应用 Reactwindow import { VariableSizeList as List } from 'react-window'

这是道具的应用代码

对于某个 Windows 应用程序，我正在尝试在解决方案项目上安装 react-native-video 包。我找到了以下程序：

从链接中获取的图像：https://www.npmjs.com/package/react-native-video

但在步骤“添加#include”winrt/ReactNativeVideoCPP.h“。” 我收到一个错误：“找不到源代码“ReactNativeVideoCPP.h”

可能是什么问题呢？

我react-window用来尝试生成一个列表。

使用他们使用的默认行，他们创建

然后他们使用默认元素像这样创建列表

返回的也是一个对象，形成方式与我的相同

我正在尝试做大致相同的事情。

我正在使用列表组件

哪里renderUsers(users)输出const renderUsers = map((user) => <User user={user} key={user.__id} />);

我收到一条错误消息

返回的是一个看起来像这样的对象（问题？）

我该如何解决这个问题？

我正在使用 react-window 来呈现虚拟化列表。我创建了一个通用组件，因此很容易将每个列表虚拟化。

通用组件如下所示：

如您所见，我将孩子作为 itemData 传递，而 VirtualizedRow 将执行以下操作：

我目前遇到的问题是，一个孩子发生了变化（可能选择了一个列表项），然后所有其他项目也将被重新渲染。由于无法记住儿童（参见：https ://gist.github.com/slikts/e224b924612d53c1b61f359cfb962c06 ），我真的不知道如何解决重新渲染问题。有任何想法吗？

这是 F12 性能面板中重新渲染的图像

所以我一直在试图找出一个反应大列表的解决方案。我几乎有了完美的解决方案——但我似乎无法弄清楚如何让这个细节发挥作用。

我有一个我想快速渲染的卡片列表 - 我正在使用 react-window 包

我有一个名为 MaterialCard 的组件，以及一个包含 MaterialCard 列表的组件：

在 MaterialCard 上，如果您单击检查按钮 - 它会打开卡片的内部结构，显示表单输入部分。

在多列表组件容器中 - 我有这个代码。

目前 itemSize 是我正在尝试修复的...

当前发生的情况是该项目有一个固定大小的区域，它出现在 - 并且（感谢 z-index）内脏出现在列表中的其他项目之上。

我想要发生的是打开的 MaterialCard 的项目大小 - 尺寸更大：这样它不会覆盖其他卡片 - 我希望它扩展并且我不希望它覆盖其他卡片全部。

我的麻烦是我不知道如何从顶部读取组件的内部状态 - 如何在列表容器组件中确定打开了哪个卡。我知道我需要一个函数......但是：嗯......

我想出的伪代码是这样的：这当然是行不通的——但这或多或少是我想做的。

我的第一个想法是愚蠢的......我不太确定如何解决这个问题......我很确定我不应该为每个材料卡阵列（有几个类别）需要一个巨大的额外阵列来跟踪哪些卡是打开的......但我似乎无法找到正确的方法来解决这个问题。

我该如何做到这一点？

我无法将 react-window-infinite-loader 连接到 react-table。如何使“loadMoreData”方法起作用？你能帮我https://codesandbox.io/s/elegant-shadow-i9qwx?file=/src/App.js:244-272吗？