Реактивная опора, помеченная как неопределенная

Question

Так что я работал над сайтом nodejs до тех пор, пока не запустился до действительно глупой ошибки, которая остановила меня на solid час. Все мои другие действия редукса работают за исключением выхода из системы, который дает мне эту ошибку. Тип пропавшего пропа: Опора logout помечена как обязательная в Logout, но ее значение равно undefined. Вот код для компонента выхода из системы

import React, { Component, Fragment } from "react";
import { Link } from "react-router-dom";
import { connect } from "react-redux";
import { logout } from "../../actions/authActions";
import PropTypes from "prop-types";

export class Logout extends Component {
  static propTypes = {
    logout: PropTypes.func.isRequired
  };

  render() {
    return (
      <div>
        <Link onClick={this.props.logout} to="#">
          Logout
        </Link>
      </div>
    );
  }
}

export default connect(null, { logout })(Logout);

Вот код действия

export const logout = () => {
  return {
    type: LOGOUT_SUCCESS
  };
};

Значение четко определено. Пожалуйста, дайте мне знать, что здесь не работает

Answer 1

Обнаружена проблема,

Если мое понимание избыточности верно, я не могу экспортировать класс и подключиться также. Поэтому мне пришлось удалить класс экспорта и изменить его на этот

import React, { Component } from "react";
import { Link } from "react-router-dom";
import { connect } from "react-redux";
import { logout } from "../../actions/authActions";
import PropTypes from "prop-types";

class Logout extends Component {
  static propTypes = {
    logout: PropTypes.func.isRequired
  };

  render() {
    return (
      <div>
        <Link onClick={this.props.logout} to="#">
          Logout
        </Link>
      </div>
    );
  }
}

const mapStateToProps = state => ({
  isAuthenticated: state.auth.isAuthenticated
  // error: state.error
});

export default connect(mapStateToProps, { logout })(Logout);