如下代碼所示，想通過點擊事件將category數組的最后一個值在this.option中賦給categoryId，但是在onSearchClick中對option進行state的更新，發(fā)現并沒起作用，我打斷點了this.state.category數組是有值的但是打印出來一直是原始值，求解為什么這個option的state沒更新，然后我該怎么做？

    state = {
        collapsed: false,
        options: [],
        option: {
            categoryId: '',
            dateRange: [],
            text: ''
        }
    };
    //...
    render() {
        return (<div><Cascader name="category" value={this.state.category} style={{width:300}} options={options} placeholder={"類目"} onChange={this.onCascaderChange}
                                          changeOnSelect/><Button type="primary" icon="search" onClick={this.onSearchClick}>過濾</Button><ArticleListManage option={this.state.option}/></div>);
    }
    onSearchClick = () => {
            if (this.state.category && this.state.category.length) {
                this.setState({option: {...this.state.option, categoryId: this.state.category[this.state.category.length - 1]}}, () => {
                    console.log(this.state.option);
                });
            }
    }