使用this.displaySelect()函數(shù)，無法獲取到this.state.taskArray中的值

displaySelect(){

        console.log(this.state.taskArray);

componentDidMount() {

        returnData = [
    { "name": "任務(wù)一：開始了", "id": "1，2，3" },
    { "name": "任務(wù)二：準(zhǔn)備中", "id": "2，3，5，6，7" },
    { "name": "任務(wù)三：進(jìn)行中", "id": "5，6，7" },
    { "name": "任務(wù)四：執(zhí)行了", "id": "10，12，15" },
    { "name": "任務(wù)五：結(jié)束了", "id": "21，23，25" }
  ]

        var taskArray = []

        for(var tname in returnData){
            taskArray[tname] = returnData[tname]['name']
        }

        this.setState({taskArray: taskArray})

        console.log('=========this.state.taskArray=========')
        console.log(this.state.taskArray)

        var taskId = []
        for(var tid in returnData){
            taskId[tid] = returnData[tid]['id']
        }

        this.setState({taskId: taskId})
}

return (

                {/* 選擇 鎖定與未鎖定 onmouseenter onmouseleave */}
                <div className={'locking_frame'}
                     onMouseEnter={this.displaySelect}
                     onMouseLeave={this.hideSelect}>
                    <div className={'locking_result'} >
                        <span className={'locking_show'}></span>
                    </div>
                    <div className={'locking_list'}>
                        <ul className={'locking_ul'}>
                        </ul>
                    </div>
                </div>
                )