Блог

Я использую react-typescript, но в списке у меня есть index , но он выдает предупреждение :

 
interface  PropsSortableElement {
  children: any;
  index: any;
  zIndex?: number;
}


export const SortableItem = SortableElement(({ children, index, zIndex }: PropsSortableElement) => {
  const classes = useStyles();

  return (
    <li className={classes.sortableItem} index={index} style={{ zIndex: zIndex || 1 }}>
      {children}
    </li>
  );
});

 

Поэтому я получаю предупреждение о index :

 
TS2322: Type '{ children: any; className: string; index: any; style: { zIndex: number; }; }' is not assignable to type 'DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>'.   Property 'index' does not exist on type 'DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>'.

 

Как это можно решить ?