35 lines
652 B
TypeScript
35 lines
652 B
TypeScript
|
import * as React from "react";
|
||
|
|
|
||
|
|
import { Provider } from "./DateContext";
|
||
|
|
|
||
|
|
interface DateProviderState {
|
||
|
|
date: number;
|
||
|
|
}
|
||
|
|
|
||
|
|
export class DateProvider extends React.Component<{}, DateProviderState> {
|
||
|
|
static contextTypes = {};
|
||
|
|
|
||
|
|
intervalId: number;
|
||
|
|
|
||
|
|
state = {
|
||
|
|
date: Date.now()
|
||
|
|
};
|
||
|
|
|
||
|
|
componentDidMount() {
|
||
|
|
this.intervalId = window.setInterval(
|
||
|
|
() => this.setState({ date: Date.now() }),
|
||
|
|
10_000
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
componentWillUnmount() {
|
||
|
|
window.clearInterval(this.intervalId);
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
const { children } = this.props;
|
||
|
|
const { date } = this.state;
|
||
|
|
return <Provider value={date}>{children}</Provider>;
|
||
|
|
}
|
||
|
|
}
|