yapi/client/components/AuthenticatedComponent.js

import React from 'react';
import { connect } from 'react-redux';
import PropTypes from 'prop-types'
import { changeMenuItem } from '../actions/menu'

@connect(
  (state) => {
    return{
      isAuthenticated: state.login.isLogin
    }
  },
  {
    changeMenuItem
  }
)
export function requireAuthentication(Component) {
  return class AuthenticatedComponent extends React.Component {
    constructor(props){
      super(props);
    }
    static propTypes ={
      isAuthenticated : PropTypes.bool,
      location: PropTypes.object,
      dispatch: PropTypes.func,
      history: PropTypes.object,
      changeMenuItem:PropTypes.func
    }
    componentWillMount() {
      this.checkAuth();
    }
    componentWillReceiveProps() {
      this.checkAuth();
    }
    checkAuth() {
      if( !this.props.isAuthenticated ){
        this.props.history.push('/');
        this.props.changeMenuItem('/');
      }
    }
    render() {
      return (
        <div>
          {this.props.isAuthenticated
            ? <Component {...this.props}/>
            : null
          }
        </div>
      )
    }
  }
}