mapStateToProps возвращает неопределенное

Question

import React, { Component, Fragment } from "react";
import { connect } from "react-redux";
import { login, logout } from "./redux/actions/accounts";
import Home from "./Home";
import Login from "./Login";

class Switch extends Component {
  render() {
    const { boolean } = this.props;
    return <Fragment>{boolean ? Home : Login}</Fragment>;
  }
}

const mapStateToProps = state => ({
  boolean: true
});

export default connect(mapStateToProps, { login, logout })(Switch);

У меня есть Компонент простого переключателя, и даже после удаления его до костей (буквально) он не возвращает состояние компоненту. Пожалуйста, прости меня за плохой код.

Answer 1

Вы не возвращаете действительный элемент реагирования.

return <Fragment>{boolean ? Home : Login}</Fragment>;

должно быть

return <Fragment>{boolean ? <Home /> : <Login />}</Fragment>;

Вот рабочая демоверсия

Answer 2

Убедитесь, что вы импортируете компонент Switch по умолчанию.