我正在做一个 TypeScript/React 项目(只是习惯了,一年没写 React 等等),遇到了一个问题。
当我编写这个组件时,我遵循了我发现的一些文档,但是我在这个文件的末尾收到了一个 TS1128(预期的声明或语句)错误,我不知道为什么:
import * as React from 'react';
import Count from './CountDisplay';
interface State {
count: number;
}
class Counter extends React.Component<{}, State> {
state: State = {count: 0};
increment() {
this.setState({
count: (this.state.count + 1)
});
}
decrement() {
this.setState({
count: (this.state.count - 1)
});
}
render(): JSX.Element {
return (
<div>
<Count count={this.state.count}/>
<button onClick={this.increment}>Increment</button>
<button onClick={this.decrement}>Decrement</button>
</div>
);
}
}
export default Counter;
我不知道,为什么我总是收到错误消息,因为代码看起来不错(或者我认为),但我可能是错的。
下面是我的 TSConfig.json,因为我认为它可能与问题有关:
{
"compilerOptions": {
"outDir": "./dist",
"sourceMap": true,
"noImplicitAny": true,
"module": "commonjs",
"target": "es6",
"jsx": "react"
}
}