ListItem（Material UI组件）中的React Typescript prop错误

Question

我对 ContainerComponent 和 ContainerProps 有疑问，我认为问题在于“li”是字符串类型，我需要明确将其定义为 React.ElementType，但我不知道怎么做。

<ListItem
  ContainerComponent="li"
  ContainerProps={{ ref: provided.innerRef }}
  {...provided.draggableProps}
  {...provided.dragHandleProps}
  style={getItemStyle(
      snapshot.isDragging,    
      provided.draggableProps.style
  )}
>

我得到的错误：

没有重载匹配这个调用。 最后一个重载给出了以下错误。 类型 '"li"' 不可分配给类型 'ElementType |不明确的'。 类型 '{ ref: (element?: HTMLElement | null | undefined) => any; }' 不可分配给类型 'HTMLAttributes'。 对象字面量只能指定已知属性，而 'ref' 不存在于类型 'HTMLAttributes'.ts(2769)

Answer 1

通过写作解决了这个问题：

<ListItem
ContainerComponent={(<li />).type}
ref={provided.innerRef}                                             
{...provided.draggableProps}                                                 
{...provided.dragHandleProps}
style={getItemStyle                                                      
snapshot.isDragging,                                                      
provided.draggableProps.style)}