javascript - 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

您没有返回有效的 react 元素。

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

应该是

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

这是一个工作 demo