Why did this report the error of TypeError: auditRuleList.result.map is not a function?

import { Modal,Steps} from "antd";
import React from "react";
import {connect} from "react-redux";

const Step = Steps.Step;
class ApproveState extends React.Component{

constructor(props) {
    super(props);
    this.state={
        visible: false,
        auditor:false,

    };
}

componentWillMount() {

}

componentDidMount() {

}

render(){
    const {visible,onCancel,currentAudit,auditRuleList} = this.props;
    console.log(auditRuleList)
    const dataSource = auditRuleList ? auditRuleList.result ? auditRuleList.result.map((item,index)=><Step
        key={item.id} title={item.name} description={item.time} />) :[]:[];
   
    return (
        <Modal
            visible={visible}
            title={""}
            width="80vw"
            onCancel={onCancel}
            onOk={onCancel}
        >

        <Steps progressDot current={5}>
                     {dataSource}
        </Steps>
        </Modal>
    );
}
}

function mapStateToProps(state) {

return {
    auditRuleList:state.approveReducer.auditRuleList,
}
}

function mapDispatchToProps(dispatch){

return{

}
}
export default connect(mapStateToProps,mapDispatchToProps)(ApproveState);