React 16 类型“DetailedHTMLProps, HTMLDivElement”上不存在属性

`元素的`id`、`className`等属性作为组件的属性。

然而，在React 16版本中，这种方法发生了变化。React引入了一种新的类型`DetailedHTMLProps`，它提供了更准确的类型定义。这种类型的属性更全面，包含了所有HTML元素的属性。

然而，当我们尝试在React 16中使用旧版本的属性时，就会出现错误。错误信息会告诉我们，类型“DetailedHTMLProps, HTMLDivElement>”上不存在该属性。

要解决这个错误，我们需要将旧版本的属性转换为新版本的属性。我们可以使用类型断言来告诉TypeScript，某个属性是属于新版本的属性。

下面是一个案例代码，用于说明如何解决这个错误：

jsx
import React from 'react';
interface MyComponentProps extends React.DetailedHTMLProps, HTMLDivElement> {
  // 添加新版本属性
  newProp: string;
}
const MyComponent: React.FC = ({ newProp, ...rest }) => {
  return 
{newProp}
;
};
export default MyComponent;

在上面的代码中，我们定义了一个名为`MyComponent`的组件。我们通过扩展`React.DetailedHTMLProps`来定义组件的属性类型。然后，我们添加了一个新版本的属性`newProp`，它是一个字符串类型。

在组件的函数体中，我们使用`...rest`语法将剩余的属性传递给`