使用this.displaySelect()函数，无法获取到this.state.taskArray

Question

displaySelect(){

        console.log(this.state.taskArray);

componentDidMount() {

        returnData = [

    { "name": "任务一：开始了", "id": "1，2，3" },

    { "name": "任务二：准备中", "id": "2，3，5，6，7" },

    { "name": "任务三：进行中", "id": "5，6，7" },

    { "name": "任务四：执行了", "id": "10，12，15" },

    { "name": "任务五：结束了", "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>

                )