Cascader 组件 异步加载在受控形态下，无法选中数据

[GleanCoder1116]

import React from 'react'
import Cascader from '@hi-ui/hiui/es/cascader'

class Demo extends React.Component {
  constructor () {
    super()
    this.state = {
      options: []
    }
  }
  render(){
    return(
      <Cascader
        onChange={(value)=>{
          console.log('on change', value)
        }}
        data={this.state.options}
        style={{ width: 240 }}
        defaultValue={['电视','小米电视4C']}
        onOpen={()=>{
          const {options} = this.state
          if(options.length === 0){
            setTimeout(()=>{
              this.setState({
                options: [
                  {
                    id: '手机',
                    content: '手机',
                    children: [
                      {
                        id: '手机2',
                        content: '手机2',
                      }
                    ]
                  },
                  {
                    id: '平板',
                    content: '平板'
                  },
                  {
                    id: 'mix',
                    content: 'Mix',
                    children: []
                  }
                ]
              })
            }, 2000)
          }
        }}
        onActiveItemChange={values=>{
          if(values[0] == 'mix') {
            setTimeout(()=>{
              const _options = this.state.options
              _options[2].children = [
                {
                  id: 'mix1',
                  content: 'Mix1'
                },{
                  id: 'mix2',
                  content: 'Mix2'
                },{
                  id: 'mix3',
                  content: 'Mix3'
                }
              ]
              this.setState({
                options: _options
              })
            }, 1000)
          }
        }}
      />
    )
  }
}