我使用"react-virtualized": "9.22.5",我试图呈现一个列表.

当我经过的时候

<List
  height={myList.length * 30}
  rowHeight={30}
  rowCount={myList.length}
  width={240}
  style={{maxHeight: 657}}
  rowRenderer={({ index, key, style }) => {...}
/>

我只得到前21个项目,即使myList个更长.这意味着我看不到滚动条,其余的项也看不到.如果我使用rowCount={myList.length + 1},它会神奇地正确地计算行数,然后我就会得到滚动条.或者,设置height={myList.length*30 - 0.001}也将起作用.

console.log(myList.length)表示正确的长度.

怎么回事?

推荐答案

结果,List并不知道它的maxHeight是什么--它认为它是以全高显示的.由于height正好是rowCount所需的大小,因此不会显示滚动条.要显示Scolbar,height必须是less而不是rowCount*rowHeight,而不考虑其他样式.

我的解决方案是不使用maxHeight来编写List,否则我就会使用-0.001.

Reactjs相关问答推荐

为什么我的标签在Redux API中不能正常工作?

如何使Reaction Select 选项菜单从选项数组的特定索引开始

Reaction-Query&-使用Mutation触发成功,而应该触发错误

如何在React中正确地将密码输入类型切换为文本或反之亦然(下一页)

如何从react 18-nextjs 14应用程序路由中的客户端组件呈现服务器组件?

左边框不在图表中显示

折叠并重新打开react 手风琴将重置内部状态

根据处于react 状态的数组的名称键,将新对象添加到嵌套的对象数组中

React js拖放图像并预览

当 URL 与我声明的任何路由都不匹配时,如何使用不会重定向到错误页面的动态 URL? - react 路由 dom

如何在 TimePicker 中更改时钟 colored颜色 和确定按钮字体 colored颜色 - MUI React

REACT: UseState 没有更新变量(ant design 模态形式)

如何防止开发人员使用 ESLint 在 React 项目中使用特定的钩子?

当状态改变时如何执行一些动作,但只针对第一次更新?

从输入中获取数字时,react 计数器不会增加

ReactJS:按钮启用禁用更改 colored颜色

npm init vite@latest 和 npm init vite 有什么区别?

Rtk 查询无效标签不使数据无效

将 C# Razor 条件块转换为 React.js 代码

Select MenuItem 时 Material-ui 不更改样式