在条件下尝试呈现按钮时，函数作为React子项无效

Question

我试图根据用户是否登录来呈现两个不同的按钮，但我在几个小时内都收到了这个错误，是什么原因导致的？我从另一个文件中获得道具，所有东西都使用react redux连接起来。

import React, { Component } from "react";
import { connect } from "react-redux";
import {MenuItem,NavDropdown,NavItem,Navbar,Nav,Button} from "react-bootstrap";
import PropTypes from "prop-types";
import { signIn } from "../actions";
class Header extends Component {
static contextTypes = {
router: PropTypes.object
};
renderContent() {
switch (this.props.fetchUser) {
case null:
return;
case false:
return (
<Button bsStyle="success" onClick={this.props.signIn}>
Login
</Button>
);
default:
return (
<Button bsStyle="success" onClick={this.props.signOut}>
Logout
</Button>
);
}
}
render() {
return (
<div>
<Navbar inverse collapseOnSelect>
<Navbar.Header>
<Navbar.Brand>
<a href="/">React-Bootstrap</a>
</Navbar.Brand>
</Navbar.Header>
</Navbar>
<ul>{this.renderContent}</ul>
</div>
);
}
}
function mapStateToProps({ auth }) {
return { auth };
}
export default connect(mapStateToProps,{ signIn })(Header);

Answer 1

<ul>{this.renderContent()}</ul>

你没有调用函数