dont need constructor just to set state

git status
This commit is contained in:
Steve Klebanoff
2018-10-15 13:33:30 -07:00
parent 58ad7d7caf
commit 20d60e2368

View File

@@ -36,6 +36,7 @@ export const SlideAnimation =
export interface SlideAnimationComponentProps {
downY: string;
children?: React.ReactNode;
}
export const SlideUpAnimationComponent: React.StatelessComponent<SlideAnimationComponentProps> = props => (
@@ -58,26 +59,27 @@ export interface SlideUpAndDownAnimationProps extends SlideAnimationComponentPro
delayMs: number;
}
enum SlideState {
Up = 'up',
Down = 'down',
}
interface SlideUpAndDownState {
slideState: 'up' | 'down';
slideState: SlideState;
}
export class SlideUpAndDownAnimation extends React.Component<SlideUpAndDownAnimationProps, SlideUpAndDownState> {
public state = {
slideState: SlideState.Up,
};
private _timeoutId?: number;
constructor(props: SlideUpAndDownAnimationProps) {
super(props);
this._timeoutId = undefined;
this.state = {
slideState: 'up',
};
}
public render(): React.ReactNode {
return this._renderSlide();
}
public componentDidMount(): void {
this._timeoutId = window.setTimeout(() => {
this.setState({
slideState: 'down',
slideState: SlideState.Down,
});
}, this.props.delayMs);