为了进行表单验证，我使用formik创建了一个表单。我已经使用了组件Formik、Form、Fieldformformik并配置了它们:import{Formik,Form,Field}from"formik";import{object,string}from"yup";importisEmptyfrom"lodash/isEmpty";importFormikSelectInputfrom"../common/FormikSelectInput";classAppextendsComponent{render(){constoptions=this.props.categories

我有点不确定如何使用react-virtualized实现列表的动态高度.我有一个组件如下:import{List}from'react-virtualized';{return100;//Thisneedstomeasurethedom.}}rowRenderer={({key,index,style})=>}}width={300}/>我看过使用CellMeasurer根据文档说它可以与List组件一起使用，但我不知道这个例子实际上是如何工作的......我还尝试弄清楚它是如何在democode中实现的但也走到了死胡同。有人可以帮助我了解如何测量DOM以动态获取每个项目的高度。

在AutoSizer的宽度为我提供适当值的地方，我始终得到0的Autosizer高度，这导致VirtualScroll组件不显示。但是，如果我使用disableHeight属性并为VirtualScroll提供固定的高度值(即200px)，VirtualScroll会按预期显示行。谁能看出哪里出了问题？最终，Autosizer将存在于Material-uiDialog组件中，但我也尝试过简单地将autosizer渲染到一个div中。同样的问题。render(){return({({width,height})=>()})} 最佳答案