page-view.js

import React, { Component } from "react";
import { connect } from "react-redux";
import * as actions from "../../reducers/home/actions";
import { bindActionCreators } from "redux";
import "./home.scss";
import { Link } from "react-router-dom";

@connect(
    state => {
        return {
            data: state.home
        };
    },
    dispatch => {
        return bindActionCreators(actions, dispatch);
    }
)
export default class Home extends Component {
    componentDidMount() {
        this.counter = setInterval(() => {
            let { increase } = this.props;
            increase();
        }, 1000);
    }

    componentWillUnmount() {
        clearInterval(this.counter);
    }

    render() {
        
        let { data } = this.props;
        // if(data === 10) throw new Error('111')
        return (
            <div className="home-page">
                <div>
                    <div> 你是否看到了时间的流失：{data} </div>
                    <Link to="/home/love">爱自己，爱这个世界</Link>
                </div>
            </div>
        );
    }
}