为什么我的 React / TypeScript 应用程序会产生编译错误？

Question

I've downloaded the following app (which works in the sandbox):

https://codesandbox.io/s/wbkd-react-flow-forked-78hxw4

Locally, after I run:

npm install

and then

npm start

I get the following error:

TypeScript error in /wbkd-react-flow-forked/src/components/ErrorBoundary.tsx(6,15):
Parameter 'props' implicitly has an 'any' type.  TS7006

    4 | 
    5 | export class ErrorBoundary extends Component {
  > 6 |   constructor(props) {
      |               ^
    7 |     super(props);
    8 |     this.state = { hasError: false };
    9 |   }

How do I resolve the compile error?

Answer 1

Add typing to your props:

type ErrorBoundaryProps = {
  someProps: boolean;
}

export class ErrorBoundary extends Component<ErrorBoundaryProps> {
  constructor(props) {
    super(props);
    this.state = { hasError: false };
  }
}