React重置输入框数据

用react写了一个简单的登录页面，最后设置一个重置按钮，点击清空输入框的数据
1、react更新数据用setState，点击按钮，变量为空：

clearInput = () => {
        this.setState({
            user: "",
            password: ""
        });
        // console.log(this.state.user)
        // window.location.reload();
    };

2、然后在重置按钮上绑定事件：

<Button onClick={this.clearInput} content="Reset" style={{marginBottom: "20px"}}/>

3、最后绑定value属性：

 <Input onChange={this.userChange} id="user" placeholder="user" value={this.state.user}/><br/>
 <Input onChange={this.passwordChange} id="password" placeholder="password" value={this.state.password} />