change component type

mate-academy · May 30, 2024 · dd0556b · dd0556b
1 parent a5049d9
commit dd0556b
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -4,18 +4,20 @@ type Props = {
   pressedKey: string;
 };
 
-export class App extends React.Component<Props> {
-  state = {
+export class App extends React.Component {
+  state: Props = {
     pressedKey: 'Nothing was pressed yet',
-  }
+  };
 
-  handleKeyPressed = ((event: KeyboardEvent) => {
-    this.setState({ pressedKey: 'The last pressed key is ' + '[' + event.key + ']' });
-  });
+  handleKeyPressed = (event: KeyboardEvent) => {
+    this.setState({
+      pressedKey: 'The last pressed key is ' + '[' + event.key + ']',
+    });
+  };
 
   componentDidMount() {
     window.document.addEventListener('keyup', this.handleKeyPressed);
-  };
+  }
 
   componentWillUnmount() {
     window.document.removeEventListener('keyup', this.handleKeyPressed);