Reactjs 如何在react js中的按钮单击时清除材质ui自动完成选定值？

我想在单击重置按钮时清除材料ui自动完成选定值？我正在使状态为空。但它仍然没有发生。有人能建议如何实现这一点吗？下面是我的代码

import AutoComplete from 'material-ui/AutoComplete';
import RaisedButton from 'material-ui/RaisedButton';

    const providers = ['aaa', 'aaaaa', 'bbb', 'bbbbb', 'ccc', 'ddd'];
    export default class PhysicianDetails extends React.Component {
      constructor(props) {
        super(props);
        this.state = {provider:''}
    }
    this.providerChange = this.providerChange.bind(this);
    this.handleReset = this.handleReset.bind(this);

    providerChange(value) {debugger;
        this.setState({ provider:value });
      }

    handleReset() {
    this.setState({provider:''});
    }
    render() {
     return(
    <div>
    <AutoComplete floatingLabelText='Providers' filter={AutoComplete.caseInsensitiveFilter} onUpdateInput={this.providerChange} dataSource={providers} />
    <RaisedButton label='reset' onClick={this.handleReset} />
    </div>
    )}
    }

从“物料界面/自动完成”导入自动完成；
从“物料界面/RaisedButton”导入RaisedButton；
const providers=['aaa'，'aaaaa'，'bbb'，'bbbbb'，'ccc'，'ddd']；
导出默认类PhysicianDetails扩展React.Component{
建造师（道具）{
超级（道具）；
this.state={provider:''}
}
this.providerChange=this.providerChange.bind（this）；
this.handleReset=this.handleReset.bind（this）；
providerChange（值）{调试器；
this.setState（{provider:value}）；
}
handleReset（）{
this.setState（{provider:''}）；
}
render（）{
返回(
)}
}

检查此项，谢谢我解决了此问题。