mapDispatchToProps未将my ActionCreator设置为函数

我有以下代码:

import React, {Component} from 'react';
import {connect} from 'react-redux';
import {bindActionCreators} from 'redux';
import {getAgeOptions, getGenderOptions} from '../actions/options-actions';
import ItemTextEdit from '../components/ItemTextEdit';
import DropSelect from '../containers/DropSelect';

export class BookDetail extends Component{
    render(){
        if(!this.props.book){
            return <div>Select a book to get started.</div>;
        }

console.log(this.props.getGenderOptions());
        return(
           <div>
...other code was here to display
            </div>
        )
    }
}

function mapDispatchToProps(dispatch){
    return bindActionCreators({getAgeOptions:getAgeOptions, getGenderOptions:getGenderOptions}, dispatch);

}

function mapStateToProps(state){
    return{
        book: state.activeBook
    };
}
export default connect(mapStateToProps, mapDispatchToProps)(BookDetail);

当我用“console.log(this.props.getGenderOptions);”运行此代码时它的控制台注销了一个f(){},但当我尝试在上面调用它时,它给出了以下错误:

TypeError:此。道具。getGenderOptions不是函数 以下是操作创建者:

import axios from 'axios';

const ROOT_URL = `http://localhost:8080/`;
const ROOT_OPTIONS_URL = `${ROOT_URL}options`;

export const GET_GENDER_OPTIONS = 'GET_GENDER_OPTIONS';
export const GET_AGE_OPTIONS = 'GET_AGE_OPTIONS';

export function getGenderOptions() {
    const url = `${ROOT_OPTIONS_URL}/gender`;
    const request = axios.get(url);
    return {
        type: GET_GENDER_OPTIONS,
        payload: request

    }
}

export function getAgeOptions() {
    const url = `${ROOT_OPTIONS_URL}/age`;
    const request = axios.get(url);
    return {
        type: GET_AGE_OPTIONS,
        payload: request

    }
}

我不知道为什么我不能恢复我的函数。