);
diff --git a/src/Clock.js b/src/Clock.js
new file mode 100644
index 00000000..e77fd4ba
--- /dev/null
+++ b/src/Clock.js
@@ -0,0 +1,38 @@
+import React from "react";
+
+export default class Clock extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = { time: new Date() };
+ }
+ // tick() {
+ // this.setState({ date: new Date() });
+ // }
+ // componentDidMount() {
+ // this.TimerID = setInterval(() => this.tick, 1000);
+ // }
+ componentDidMount() {
+ // Set date value in state every second to current date and time
+ // Save setInterval timer ID in class variable for teardown in another class method
+ this.timerId = setInterval(() => {
+ this.setState({
+ time: new Date(),
+ });
+ }, 1000);
+ }
+ componentWillUnmount() {
+ // Teardown setInterval timer with timer ID saved as class variable
+ clearInterval(this.timerId);
+ }
+ render() {
+ return (
+