TypeScript 的 Eslint 反應/道具類型錯誤

Question

我收到 Eslint 錯誤：使用以下看似有效的示例對 React 組件的接口使用extends時'age' is missing in props validation eslint (react/prop-types) ：

interface SuperProps {
  age: number;
}

interface TestProps extends SuperProps {
  name: string;
}

const Test = ({ name, age }: TestProps) => {
  return (
    <p>
      {name}: {age}
    </p>
  );
};

這是我沒有完全掌握的錯誤還是功能？

Answer 1

萬一有人偶然發現這個問題，正如問題評論中提到的，這里有一個關於這個驗證規則的問題： https://github.com/yannickcr/eslint-plugin-react/issues/2654 。

該問題已關閉，但似乎尚未解決。 可以通過添加禁用驗證規則

'react/require-default-props': 0

eslintrc.js文件中的規則