难以将React Virtuoso虚拟化库集成到具有MUI组件的React项目中

Question

我正在尝试集成react-virtuoso's virtuoso 进入我的打字稿Web应用程序的下拉菜单popper，以虚拟化可检查选项的列表。我尝试使用react-window的变量izeList，但在视觉上遇到了一些问题，我认为列表中的选项有一些问题，我认为，因为lib可能对列表项目遇到问题”（选项和选项）组标头的）高度计算。基本上，从react-window调整后，我的Virtuoso组件根本不会呈现。

我正在为AutoComplete的Popper使用自定义的“ ListBoxComponent” Prop，并且是通过：

• 定义一个“列表框”组件，将DIV返回DIV，用转发的Ref Prop包装上下文提供商下面的演奏家
  • 其中itemData是react.reaeactNode的数组，itemContent是函数（索引：number，item，item：react.reaeactelement）=＆gt;项目，当演奏家仍然没有呈现时，请尝试使用其他道具/不放弃
  • 我还尝试将ItemContent设置为（索引：数字，数据：React.Reactelement []）=＆gt;数据[索引]，以防我误解了功能签名。

<Virtuoso
          data={itemData}
          totalCount={ELE_PER_PAGE}
          initialTopMostItemIndex={0}
          overscan={150}
          itemContent={renderItem}
        />

• 设置const listBoxComponent = react.forwardref＆lt; htmldivelement＆gtbox）

以下是自动完整的，

• 我在react> react> window list list listbox box react> Wistbox Box
  

<Autocomplete
      disableCloseOnSelect
      disabled={props.status !== 'success'}
      fullWidth
      getOptionLabel={(option) => option.name}
      isOptionEqualToValue={getOptionSelected}
      groupBy={(option) => option.group || ''}
      id='lists'
      includeInputInList
      inputValue={input}
      limitTags={-1}
      ListboxComponent={
        ListboxComponent as React.ComponentType<
          React.HTMLAttributes<HTMLElement>
        >
      }
      multiple
      onClose={() => {
        setInput('')
        props.prune()
      }}
      onChange={onChange}
      onInputChange={(event, value, reason) => {
        if (reason !== 'reset') {
          setInput(value)
        }
      }}
      options={getOptions}
      renderGroup={renderGroup}
      renderInput={(params) => (
        <TextField
          {...params}
          error={props.status === 'error'}
          label={`Lists (${selectedCount})`}
          variant='standard'
        />
      )}
      renderOption={renderOption}
      renderTags={() => null}
      size='small'
      value={[props.options.option]}
    />

br>
有人是否有react-virtuoso可靠地工作？如果是这样，您通常如何探讨它的任何问题？也许是时候弄清楚是否可以使用VSCODE直接调试甚至在容器化的项目上直接调试反应（这比本地React ProJ更复杂，这可能只需要npm start）。

谢谢。